import type { OptionInputProps } from "$/types/Input";
import { ListboxOption } from "@headlessui/react";
import clsx from "clsx";


export default function OptionInput(props: OptionInputProps){
	const {
		id,
		className,
		value,
		children
	} = props;


	return (
		<ListboxOption
			id={id}
			className={clsx(
				"cursor-pointer",
				className
			)}
			value={value}
		>
			{children}
		</ListboxOption>
	);
}