From f0c03a9b8e15387c4defd0a0e3e0298324406fae Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Mon, 28 Aug 2023 21:33:44 -0500
Subject: Add wg2nd

---
 components/Button/index.tsx | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 components/Button/index.tsx

(limited to 'components/Button')

diff --git a/components/Button/index.tsx b/components/Button/index.tsx
new file mode 100644
index 0000000..9eb2e95
--- /dev/null
+++ b/components/Button/index.tsx
@@ -0,0 +1,39 @@
+import React, { TextareaHTMLAttributes } from 'react';
+import { getSystemStyle, SystemProps } from '../utils/systemProps';
+
+interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  SystemProps
+{ }
+
+const Button: React.FC<ButtonProps> = ({ style, ...props }) => {
+  style = {
+    margin: '0.25rem 0.125rem',
+    cursor: 'pointer',
+    padding: '0.375rem 0.75rem',
+    borderRadius: '0.25rem',
+    textAlign: 'center',
+    verticalAlign: 'middle',
+    display: 'inline-block',
+    userSelect: 'none',
+
+    fontFamily: 'inherit',
+    fontSize: '.95rem',
+    lineHeight: '1.15',
+
+    // Color
+    color: '#fff',
+    backgroundColor: '#1473ff',
+    border: '1px solid #1473ff',
+    boxSizing: 'border-box',
+
+    transition: 'color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out',
+    ...style,
+  };
+
+  const systemStyle = getSystemStyle(props, style);
+
+  return (<button style={systemStyle} {...props} />);
+};
+
+export default Button;
-- 
cgit v1.2.3