feat: cta-button story control 설정

.storybook/preview.ts

@@ -9,6 +9,7 @@ const preview: Preview = {
                 color: /(background|color)$/i,
                 date: /Date$/i,
             },
+            expanded: true,
         },
     },
 };

src/components/create-character/stories/cta-button.stories.tsx

@@ -1,16 +1,37 @@
 import { Meta, StoryObj } from '@storybook/react';
 import CtaButton from '@/components/ui/cta-button';
+import { PageContainer } from '@/components/ui';
+import FixedBottomArea from '@/components/fixed-bottom-area';
 
 export default {
     title: 'Components/CtaButton', // story 이름
     component: CtaButton,
 } as Meta<typeof CtaButton>;
 
 type Story = StoryObj<typeof CtaButton>;
+
+const args = {
+    text: '테스트',
+    disabled: false,
+};
+const argTypes = {
+    text: { description: '버튼의 텍스트', control: 'text' },
+    disabled: { description: '버튼의 활성화 여부', control: 'boolean' },
+};
+
 export const Basic: Story = {
-    argTypes: {
-        text: { control: 'text' },
-        disabled: { control: 'boolean' },
-    },
-    render: (props) => <CtaButton {...props} />,
+    args,
+    argTypes,
+    render: (args) => <CtaButton {...args} className="mb-[31px]" />,
+};
+export const BottomFixed: Story = {
+    args,
+    argTypes,
+    render: (props) => (
+        <PageContainer>
+            <FixedBottomArea>
+                <CtaButton {...props} className="mb-[31px]" />
+            </FixedBottomArea>
+        </PageContainer>
+    ),
 };

src/components/ui/cta-button.tsx

@@ -3,10 +3,9 @@
 type Props = {
     text?: string;
     children?: React.ReactNode;
-    shadow?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
 
-export default function CTAButton({ children, text, shadow = true, disabled, ...props }: Props) {
+export default function CTAButton({ children, text, disabled, ...props }: Props) {
     return (
         <button
             {...props}