fix(types): fix types props for Email

fix types using Record and add styles to the prop for Email component resolves #39 Signed-off-by: Niloy Sikdar <niloysikdar30@gmail.com>
leopardslab · Jul 3, 2022 · 83d8a9b · 83d8a9b
1 parent a06231b
commit 83d8a9b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Email/Email.stories.tsx b/src/components/Email/Email.stories.tsx
@@ -23,7 +23,7 @@ Default.args = {
       </tbody>
     </table>
   ),
-  classes: {
+  styles: {
     email: {
       backgroundColor: 'gray',
       color: 'white',

diff --git a/src/components/Email/Email.tsx b/src/components/Email/Email.tsx
@@ -4,7 +4,7 @@ import { makeStyles } from '../../utils/makeStyles';
 export interface EmailProps {
   children?: ReactNode;
   className?: string;
-  classes?: { email?: CSSProperties };
+  styles?: Record<'email', CSSProperties>;
 }
 
 const useStyles = makeStyles({
@@ -14,11 +14,11 @@ const useStyles = makeStyles({
   },
 });
 
-export const Email = ({ children, className, classes }: EmailProps): JSX.Element => {
-  const styles = useStyles({ classes });
+export const Email = ({ children, className, styles }: EmailProps): JSX.Element => {
+  const style = useStyles({ classes: styles });
 
   return (
-    <div style={styles.email} className={className}>
+    <div style={style.email} className={className}>
       {children}
     </div>
   );