Function TextField

src/components/kit/TextField.tsx:21–37

(props: Props)

});

const TextField = (props: Props) => {
  const { value, disabled, className, placeholder, type, onChange } = {
    ...getDefaultProps(),
    ...props,
  };

  return (
    <input
      className={`${className || ""} w-full border px-3 py-2 rounded-lg dark:border-zinc-700 dark:bg-zinc-800 focus:outline-2`}
      type={type}
      disabled={disabled}
      placeholder={placeholder}
      value={value}
      onChange={(e) => onChange(e.target.value)}
    />
  );
};

export default TextField;