import React, { HTMLProps } from "react";
import { STATUS_VARIANT, THEME } from "../../types";

interface FormGroupContextValues {
  id?: string;
  variant?: STATUS_VARIANT;
  theme?: THEME;
  isRequired?: boolean;
  hasLabel?: boolean;
  setHasLabel?: (hasLabel: boolean) => void;
  setLabelProps?: (props: HTMLProps<HTMLLabelElement>) => void;
  labelProps?: HTMLProps<HTMLLabelElement>;
}

export const FormGroupContext = React.createContext<
  Partial<FormGroupContextValues>
>({ theme: THEME.PRODUCT });