fix(component): fix Preheader

Fix Preheader styling props

resolves #63

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

src/components/Preheader/Preheader.tsx

@@ -1,21 +1,30 @@
-interface PreheaderProps {
+import { makeStyles } from '../../utils/makeStyles';
+import { BaseStyleProp } from '../types';
+
+type PreheaderStyles = 'root';
+
+export interface PreheaderProps extends BaseStyleProp<PreheaderStyles> {
   text: string;
 }
 
-export const Preheader = ({ text }: PreheaderProps) => {
+const useStyles = makeStyles({
+  root: {
+    display: 'none',
+    fontSize: '1px',
+    color: '#fff',
+    lineHeight: '1px',
+    maxHeight: 0,
+    maxWidth: 0,
+    opacity: 0,
+    overflow: 'hidden',
+  },
+});
+
+export const Preheader = ({ text, classes, className }: PreheaderProps) => {
+  const styles = useStyles({ classes });
+
   return (
-    <div
-      style={{
-        display: 'none',
-        fontSize: '1px',
-        color: '#fff',
-        lineHeight: '1px',
-        maxHeight: 0,
-        maxWidth: 0,
-        opacity: 0,
-        overflow: 'hidden',
-      }}
-    >
+    <div style={styles.root} className={className}>
       {text}
     </div>
   );