feat(component): add button

add button component resolves #40 Signed-off-by: Niloy Sikdar <[email protected]>
leopardslab · Jun 30, 2022 · 55cf6de · 55cf6de
1 parent 8b9462d
commit 55cf6de
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 0 deletions.
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
@@ -0,0 +1,42 @@
+import { ReactNode, CSSProperties } from 'react';
+
+export interface ButtonProps {
+  children?: ReactNode;
+  variant?: 'primary' | 'secondary';
+  href: string;
+  align?: 'left' | 'center' | 'right';
+  style?: CSSProperties;
+}
+
+export const Button = ({
+  children,
+  //   variant = 'primary',
+  href,
+  align = 'center',
+  style,
+}: ButtonProps): JSX.Element => {
+  return (
+    <td
+      align={align}
+      style={{
+        padding: '10px 25px',
+        wordBreak: 'break-word',
+      }}
+    >
+      <a
+        href={href}
+        target="_blank"
+        style={{
+          fontSize: '18px',
+          textDecoration: 'none',
+          padding: '10px 16px',
+          borderRadius: '5px',
+          cursor: 'pointer',
+          ...style,
+        }}
+      >
+        {children}
+      </a>
+    </td>
+  );
+};
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
@@ -0,0 +1 @@
+export { Button } from './Button';
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -1 +1,2 @@
 export * from './Email';
+export * from './Button';