Expose useGroupContext via friendly interfaces

[kripod]

I would like to create a CustomSwitchLabel component based upon Switch.Label, where the label should be colored based on the corresponding Switch component’s state (in the enclosing Switch.Group). For instance, a useSwitchState (based on useGroupContext) could function like below:

export function CustomSwitchLabel(props) {
  const { checked, disabled } = useSwitchState();
  return <Switch.label {...props} className={checked ? "text-gray-900" : "text-gray-600"} />;
}