import type { ReactNode } from "react";
import { RadioContextProvider } from "./radio-context.tsx";
import type { RadioStoreProps } from "./radio-store.ts";
import { useRadioStore } from "./radio-store.ts";

/**
 * Provides a radio store to [Radio](https://ariakit.com/components/radio)
 * components.
 * @see https://ariakit.com/components/radio
 * @example
 * ```jsx
 * <RadioProvider defaultValue="Apple">
 *   <RadioGroup>
 *     <Radio value="Apple" />
 *     <Radio value="Orange" />
 *   </RadioGroup>
 * </RadioProvider>
 * ```
 */
export function RadioProvider(props: RadioProviderProps = {}) {
  const store = useRadioStore(props);
  return (
    <RadioContextProvider value={store}>{props.children}</RadioContextProvider>
  );
}

export interface RadioProviderProps extends RadioStoreProps {
  children?: ReactNode;
}