@tmlmobilidade/emails/dist/src/components/info-box.js

import { jsx as _jsx } from "react/jsx-runtime";
import { Section } from '@react-email/components';
import styles from './styles.js';
export function InfoBox({ children, variant = 'info' }) {
    const colorScheme = styles.colors[variant];
    const infoBoxStyle = {
        ...styles.text,
        backgroundColor: colorScheme.background,
        border: `1px solid ${colorScheme.border}`,
        borderRadius: '6px',
        margin: '16px 0',
        padding: '16px',
    };
    return (_jsx(Section, { style: infoBoxStyle, children: children }));
}