WIP: add Button component

src/components/Button.module.scss

@@ -0,0 +1,14 @@
+@use "estileira/common" with ($border-radius: var(--space-xs));
+
+.button {
+  align-items: center;
+  background: transparent;
+  border: common.rem(1) solid var(--gray-2);
+  border-radius: common.$border-radius;
+  cursor: pointer;
+  display: flex;
+  flex-flow: row nowrap;
+  gap: var(--space-sm);
+  justify-content: space-evenly;
+  padding: var(--space-sm) var(--space-default);
+}

src/components/Button.tsx

@@ -0,0 +1,19 @@
+import type { IconType } from "react-icons";
+import styles from "./Button.module.scss";
+
+interface ButtonProps extends React.ComponentPropsWithoutRef<"button"> {
+  Icon?: IconType;
+}
+
+export default function Button({
+  Icon,
+  children,
+  ...buttonProps
+}: ButtonProps) {
+  return (
+    <button className={styles.button} {...buttonProps}>
+      {Icon && <Icon />}
+      {children}
+    </button>
+  );
+}

src/components/index.ts

@@ -2,3 +2,5 @@ export { default as NumberFormatCompact } from "./NumberFormatCompact";
 export { default as Avatar } from "./avatar";
 export { default as Thumbnail, ThumbnailSize } from "./Thumbnail";
 export { default as RelativeTime } from "./RelativeTime";
+export { default as EmptyState } from "./EmptyState";
+export { default as Button } from "./Button";