import React from 'react';
import { Section } from '@react-email/components';
import { theme } from '../theme';

interface CardProps {
  children: React.ReactNode;
}

export const Card = ({ children }: CardProps) => (
  <Section style={card}>{children}</Section>
);

const card = {
  backgroundColor: theme.colors.cream,
  border: `1px solid ${theme.colors.line}`,
  borderRadius: '10px',
  padding: '16px 18px',
  margin: '0 0 20px',
};