resend__react-email/apps/web/components/simple-divider/inline-styles.tsx

import { Hr, Text } from 'react-email';
import { Layout } from '../_components/layout';

export const component = (
  <>
    <Text>Before divider</Text>
    <Hr
      style={{
        marginTop: 16,
        borderColor: 'rgb(209,213,219)',
        marginBottom: 16,
        borderTopWidth: 2,
      }}
    />
    <Text>After divider</Text>
  </>
);

export default () => {
  return <Layout>{component}</Layout>;
};