import { JSX } from '@redneckz/uni-jsx';
import { type ComponentType } from '../../model/ComponentType';
import { style } from '../../utils/style';

export const CardRow = JSX<ComponentType>(({ className, children }) => (
  <div
    className={style(
      'flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-xl',
      className,
    )}
  >
    {children}
  </div>
));