Radio Button and Checkbox Created

lib/component/input/radio/RadioList.tsx

@@ -0,0 +1,35 @@
+import type { RadioListProps } from "$/types/Input";
+import { RadioGroup } from "@headlessui/react";
+import clsx from "clsx";
+
+
+export default function RadioList({
+	id,
+	className,
+	name,
+	value,
+	onChange,
+	defaultValue,
+	direction = "horizontal",
+	children
+}: RadioListProps){
+	return (
+		<RadioGroup
+			id={id}
+			className={clsx(
+				"flex items-center justify-center",
+				className,
+				{
+					"flex-row gap-x-8": direction === "horizontal",
+					"flex-col gap-y-2": direction === "vertical"
+				}
+			)}
+			name={name}
+			value={value}
+			onChange={onChange}
+			defaultValue={defaultValue}
+		>
+			{children}
+		</RadioGroup>
+	);
+}