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 ( +