import { Context, createContext, useContext } from "react";

type OptionButtonContextType =
  | { name?: string; type?: "radio" | "checkbox" }
  | undefined;

const defaultContext: OptionButtonContextType = {
  name: "",
  type: "radio",
};

export const OptionButtonContext: Context<OptionButtonContextType> = createContext<OptionButtonContextType>(
  defaultContext,
);

export function useOptionButtonContext() {
  const context = useContext<typeof defaultContext>(OptionButtonContext) || {
    ...defaultContext,
  };

  return context;
}