a654205dbc
* chore: set up twenty-emails config so build isn't needed in development * fix: fix script dependency * chore: use @vitejs/plugin-react-swc * Remove useless dependancy * Fix typing * chore: use baseUrl in twenty-emails * chore: fix docker server prod build * refactor: optimize Docker file and tsconfig * fix: fix WORKDIR in docker --------- Co-authored-by: martmull <martmull@hotmail.fr>
34 lines
791 B
TypeScript
34 lines
791 B
TypeScript
import { ReactNode } from 'react';
|
|
import { Column } from '@react-email/components';
|
|
import { Row } from '@react-email/row';
|
|
import { Text } from '@react-email/text';
|
|
import { emailTheme } from 'src/common-style';
|
|
|
|
const rowStyle = {
|
|
display: 'flex',
|
|
};
|
|
|
|
const highlightedStyle = {
|
|
borderRadius: '4px',
|
|
background: emailTheme.background.colors.highlight,
|
|
padding: '4px 8px',
|
|
margin: 0,
|
|
fontSize: emailTheme.font.size.lg,
|
|
fontWeight: emailTheme.font.weight.bold,
|
|
color: emailTheme.font.colors.highlighted,
|
|
};
|
|
|
|
type HighlightedTextProps = {
|
|
value: ReactNode;
|
|
};
|
|
|
|
export const HighlightedText = ({ value }: HighlightedTextProps) => {
|
|
return (
|
|
<Row style={rowStyle}>
|
|
<Column>
|
|
<Text style={highlightedStyle}>{value}</Text>
|
|
</Column>
|
|
</Row>
|
|
);
|
|
};
|