From 2771e7b4cccabbe63aa3b49ea0d3f47caa79a7d5 Mon Sep 17 00:00:00 2001
From: Walidoux <ma.walidkorchi@icloud.com>
Date: Sun, 23 Apr 2023 20:13:57 +0100
Subject: [PATCH] feat(components/system): implement Button

---
 src/components/layout/Button/Button.tsx | 17 +++++++++++++++++
 src/components/layout/Button/index.ts   |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 src/components/layout/Button/Button.tsx
 create mode 100644 src/components/layout/Button/index.ts

diff --git a/src/components/layout/Button/Button.tsx b/src/components/layout/Button/Button.tsx
new file mode 100644
index 0000000..8e9f954
--- /dev/null
+++ b/src/components/layout/Button/Button.tsx
@@ -0,0 +1,17 @@
+import classNames from 'classnames'
+
+interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+  icon: JSX.Element
+  value: string
+  className?: string
+  handler?: () => void
+}
+
+export const Button: React.FC<ButtonProps> = ({ icon, value, className, handler }) => {
+  return (
+    <button onClick={handler} className={classNames(className, 'flex items-center justify-center gap-x-5')}>
+      {icon}
+      <span className='uppercase'>{value}</span>
+    </button>
+  )
+}
diff --git a/src/components/layout/Button/index.ts b/src/components/layout/Button/index.ts
new file mode 100644
index 0000000..8486fd6
--- /dev/null
+++ b/src/components/layout/Button/index.ts
@@ -0,0 +1 @@
+export * from './Button'