Many inputs added

lib/component/input/text/OptionInput.tsx

@@ -0,0 +1,27 @@
+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>
+	);
+}