feat(component): add Preheader

add a Preheader component with text prop to render preheader text on the email clients

resolves #63

Signed-off-by: Niloy Sikdar <niloysikdar30@gmail.com>

src/components/Preheader/Preheader.tsx

@@ -0,0 +1,22 @@
+interface PreheaderProps {
+  text: string;
+}
+
+export const Preheader = ({ text }: PreheaderProps) => {
+  return (
+    <div
+      style={{
+        display: 'none',
+        fontSize: '1px',
+        color: '#fff',
+        lineHeight: '1px',
+        maxHeight: 0,
+        maxWidth: 0,
+        opacity: 0,
+        overflow: 'hidden',
+      }}
+    >
+      {text}
+    </div>
+  );
+};

src/components/Preheader/index.ts

@@ -0,0 +1 @@
+export { Preheader } from './Preheader';

src/components/index.ts

@@ -6,3 +6,4 @@ export * from './Link';
 export * from './Divider';
 export * from './Typography';
 export * from './Image';
+export * from './Preheader';