Create button icon text component

refs #49

components/buttons/icon-text.tsx

@@ -0,0 +1,19 @@
+import { MouseEventHandler } from "react";
+
+export interface ButtonIconTextProps {
+    text: string;
+    onClick?: MouseEventHandler;
+    dataCy?: string;
+}
+
+// TODO: Component
+// TODO: Design with icon
+export default function ButtonIconText(props: ButtonIconTextProps) {
+    return (
+        <button className="rounded-full border-2 border-gray-800 bg-slate-50 px-10 py-4 transition-all"
+            data-cy={props.dataCy ?? "button-icon-text"}
+            onClick={props.onClick}>
+            {props.text}
+        </button>
+    );
+}

stories/button-icon-text/ButtonIconText.stories.tsx

@@ -0,0 +1,17 @@
+import ButtonIconText from "@/components/buttons/icon-text";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof ButtonIconText> = {
+    title: "Buttons/Icon Text",
+    component: ButtonIconText,
+    tags: ["autodocs"],
+} satisfies Meta<typeof ButtonIconText>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+    args: {
+        text: "Base"
+    }
+};