import InputLabel from "../common/InputLabel";
import TextInput from "../common/TextInput";
import TextArea from "../common/TextArea";

export default function CreateCategoryStep1({onChange}) {
    return (
        <form className={'pt-10 min-h-[50vh] mx-5'}>
            <div className={'flex flex-col'}>
                <InputLabel className={"justify-start font-[Vazirmatn] font-normal mb-2 mr-2 "} htmlFor="title" value="نام" />

                <TextInput
                    id="title"
                    type="text"
                    name="title"
                    className="py-3 font-[Vazirmatn] flex text-right w-full border-gray-500 placeholder:text-sm placeholder-gray-400 "
                    placeholder={'مثال: محصولات ورزشی'}
                    onChange={onChange}
                />
            </div>
            <div className="flex flex-col mt-5">
               <InputLabel className={"justify-start font-normal font-[Vazirmatn] mb-2 mr-2 "} htmlFor="description" value="توضیحات" />

                <TextArea
                    id="description"
                    type="text"
                    rows={3}
                    name="description"
                    placeholder={'توضیح درباره این دسته بندی'}
                    className="py-3 font-[Vazirmatn] flex text-right w-full placeholder:text-sm placeholder-gray-400 "
                    onChange={onChange}
                />
            </div> 
        </form>
    )
}