Warcraft Radio Group

1"use client";
2 
3import * as React from "react";
4import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
5 
6import { cn } from "@/lib/utils";
7 
8import "@/components/ui/warcraftcn/styles/warcraft.css";
9 
10interface RadioGroupProps
11  extends React.ComponentProps<typeof RadioGroupPrimitive.Root> {
12  orientation?: "vertical" | "horizontal";
13}
14 
15type RadioGroupItemProps = React.ComponentProps<
16  typeof RadioGroupPrimitive.Item
17>;
18 
19function RadioGroup({
20  className,
21  orientation = "vertical",
22  ...props
23}: RadioGroupProps) {
24  return (
25    <RadioGroupPrimitive.Root
26      data-slot="radio-group"
27      className={cn(
28        "fantasy flex gap-3",
29        orientation === "horizontal" ? "flex-row flex-wrap" : "flex-col",
30        className
31      )}
32      orientation={orientation}
33      {...props}
34    />
35  );
36}
37 
38function RadioGroupItem({
39  className,
40  ...props
41}: RadioGroupItemProps) {
42  return (
43    <RadioGroupPrimitive.Item
44      data-slot="radio-group-item"
45      className={cn("wc-radio-socket", className)}
46      {...props}
47    >
48      <RadioGroupPrimitive.Indicator className="wc-radio-gem" />
49    </RadioGroupPrimitive.Item>
50  );
51}
52 
53export { RadioGroup, RadioGroupItem };
54export type { RadioGroupProps, RadioGroupItemProps };