import { jsx as _jsx } from "react/jsx-runtime";
// @ts-nocheck
import { theme } from '$constantsTheme';
import { Button as ReactEmailButton } from '@react-email/components';
import * as React from 'react';
const baseStyle = {
    borderRadius: '6px',
    fontSize: theme.typography.sizes.sm,
    fontWeight: theme.typography.weights.semibold,
    textDecoration: 'none',
    textAlign: 'center',
    padding: '12px 24px',
    display: 'inline-block',
};
const variantStyles = {
    primary: {
        ...baseStyle,
        backgroundColor: theme.colors.primary,
        color: theme.colors.primaryForeground,
    },
    secondary: {
        ...baseStyle,
        backgroundColor: theme.colors.secondary,
        color: theme.colors.secondaryForeground,
    },
};
export function Button({ variant = 'primary', href, children, style, }) {
    return (_jsx(ReactEmailButton, { href: href, style: { ...variantStyles[variant], ...style }, children: children }));
}
//# sourceMappingURL=button.js.map