diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index c1722dd..502f000 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -2,9 +2,9 @@ import styles from './Button.module.scss'; type ButtonProps = { text: string; - type: 'button' | 'submit' | 'reset'; + type?: 'button' | 'submit' | 'reset'; className?: string; - onButtonClick: () => void; + onButtonClick?: () => void; }; function Button({ text, type, className, onButtonClick }: ButtonProps) { diff --git a/src/components/Input/Input.module.scss b/src/components/Input/Input.module.scss index 41f6d52..99d2037 100644 --- a/src/components/Input/Input.module.scss +++ b/src/components/Input/Input.module.scss @@ -1,7 +1,6 @@ .input { border-radius: 12px; - background: rgba(255, 255, 255, 0.18); - color: #fff; + padding-left: 0.5rem; } diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx index 99ee71a..3adf4e9 100644 --- a/src/components/Input/index.tsx +++ b/src/components/Input/index.tsx @@ -6,16 +6,17 @@ type InputProps = { name: string; label: string; type?: HTMLInputTypeAttribute; + value?: string; className?: string; - onInputChange: (e: React.ChangeEvent | React.ChangeEvent) => void; + onInputChange: (e: React.ChangeEvent) => void; }; -function Input({ name, label, type, className, onInputChange }: InputProps) { +function Input({ name, label, type, value, className, onInputChange }: InputProps) { return ( <> );