import * as stylex from '@stylexjs/stylex';

import type { StyleXStyles } from '@stylexjs/stylex';
import type { ReactNode } from 'react';

import { cardStyles } from './styles';

interface CardProps {
  children: ReactNode;
  style?: StyleXStyles;
}

export const Card = ({ children, style }: CardProps) => {
  return <div {...stylex.props(cardStyles.base, style)}>{children}</div>;
};