export function Input({
    label,
    full = false,
    type = "text",
    placeholder,
}: {
    label: string;
    full?: boolean;
    type?: string;
    placeholder?: string;
}) {
    return (
        <div className={full ? "sm:col-span-2" : ""}>
            <label className="mb-2 block text-sm font-medium text-primary">
                {label}
            </label>
            <input
                type={type}
                placeholder={placeholder}
                className="h-12 w-full rounded-md px-4 outline-none transition focus:border-secondary bg-gray-100"
            />

        </div>
    );
}