Feat: StandardButton 컴포넌트 추가

src/components/common/standardButton/StandardButton.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import StandardButton from './StandardButton'
+
+const meta: Meta<typeof StandardButton> = {
+  component: StandardButton,
+  tags: ['autodocs'],
+  title: 'components/StandardButton',
+  argTypes: {
+    label: {
+      control: 'text'
+    },
+    state: {
+      control: 'select',
+      options: ['disabled', 'enabled']
+    },
+    style: {
+      control: 'select',
+      options: ['outlined', 'filled']
+    }
+  }
+}
+export default meta
+type Story = StoryObj<typeof StandardButton>
+
+export const Default: Story = {
+  render: (args) => (
+    <StandardButton label={args.label} state={args.state} style={args.style} />
+  )
+}

src/components/common/standardButton/StandardButton.tsx

@@ -0,0 +1,25 @@
+interface StandardButtonProps {
+  label: string
+  state: 'disabled' | 'enabled'
+  style: 'outlined' | 'filled'
+}
+const StandardButton = ({ label, state, style }: StandardButtonProps) => {
+  return (
+    <div
+      className={`rounded-[8px] cursor-pointer flex justify-center items-center font-medium border border-1 w-full h-full px-[0px] py-[10px] ${
+        state === 'enabled'
+          ? // enabled
+            style === 'filled'
+            ? 'bg-green-50 text-white-0 border-green-50'
+            : 'bg-transparent text-green-50 border-green-50'
+          : // disabled
+          style === 'filled'
+          ? 'bg-gray-10 text-gray-50 border-gray-50'
+          : 'bg-transparent text-gray-40 border-gray-40'
+      }`}>
+      {label}
+    </div>
+  )
+}
+
+export default StandardButton