28 lines
522 B
TypeScript
28 lines
522 B
TypeScript
import { Link as EmailLink } from '@react-email/components';
|
|
|
|
import { emailTheme } from 'src/common-style';
|
|
|
|
const linkStyle = {
|
|
textDecoration: 'underline',
|
|
};
|
|
|
|
type LinkProps = {
|
|
value: JSX.Element | JSX.Element[] | string;
|
|
href: string;
|
|
color?: string;
|
|
};
|
|
|
|
export const Link = ({ value, href, color }: LinkProps) => {
|
|
return (
|
|
<EmailLink
|
|
href={href}
|
|
style={{
|
|
...linkStyle,
|
|
color: color ?? emailTheme.font.colors.tertiary,
|
|
}}
|
|
>
|
|
{value}
|
|
</EmailLink>
|
|
);
|
|
};
|