Implement basic button

2 files changed, 16 insertions, 0 deletions

diff --git a/src/components/button/button.css b/src/components/button/button.css
new file mode 100644
index 0000000..c41d3a4
--- /dev/null
+++ b/src/components/button/button.css
@@ -0,0 +1,9 @@
+@import "../../globals.css";
+
+.base {
+  border: var(--btnBorder);
+  border-radius: var(--borderRadiusBtn);
+  @apply --btnPadding;
+  @apply --hoverTransition;
+  @apply --btnFontSize;
+}
diff --git a/src/components/button/button.js b/src/components/button/button.js
new file mode 100644
index 0000000..313a57f
--- /dev/null
+++ b/src/components/button/button.js
@@ -0,0 +1,7 @@
+import React from 'react'
+
+import { base } from './button.css'
+
+const Button = p => <a href={p.href} className={[base, p.className].join(' ')}>{p.children}</a>
+
+export default Button