feat: add input

src/shared/ui/input/input.tsx

@@ -0,0 +1,22 @@
+import s from './input.module.scss';
+import { clsx } from 'clsx';
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+
+type InputProps = {
+  outerClassName?: string;
+  variant?: 'default' | 'outlined';
+} & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+
+export default function input({
+  outerClassName,
+  variant = 'default',
+  ...props
+}: InputProps) {
+  return (
+    <div
+      className={clsx(s.Container, s['Container_' + variant], outerClassName)}
+    >
+      <input {...props} className={clsx(s.Input, s['Input_' + variant])} />
+    </div>
+  );
+}