diff --git a/src/components/Common/Input/Input.styled.ts b/src/components/Common/Input/Input.styled.ts new file mode 100644 index 0000000..da4cd6f --- /dev/null +++ b/src/components/Common/Input/Input.styled.ts @@ -0,0 +1,6 @@ +export interface InputStyling { + $width?: string; + $isValid?: boolean; + $void?: boolean; + $resize?: boolean; +} diff --git a/src/components/Common/Input/Input.tsx b/src/components/Common/Input/Input.tsx new file mode 100644 index 0000000..c4afc52 --- /dev/null +++ b/src/components/Common/Input/Input.tsx @@ -0,0 +1,19 @@ +import { ComponentPropsWithRef } from 'react'; + +import type { InputStyling } from './Input.styled'; + +export interface InputProps extends ComponentPropsWithRef<'input'> { + styles: InputStyling; +} + +function Input({ styles }: InputProps) { + const Tag = 'input'; + + return ( +
+ +
+ ); +} + +export default Input; diff --git a/src/stories/Common/Input.stories.tsx b/src/stories/Common/Input.stories.tsx new file mode 100644 index 0000000..63ed187 --- /dev/null +++ b/src/stories/Common/Input.stories.tsx @@ -0,0 +1,17 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import Input from '@/components/Common/Input/Input'; + +const meta: Meta = { + title: 'Common/Input', + component: Input, + tags: ['autodocs'], + args: { + styles: {}, + }, +}; + +export default meta; +type Story = StoryObj; + +export const Default: Story = {};