import React, { FC } from 'react';
import { Context } from './Context';

interface Props {
  name?: string;
  value?: string;
  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
}

const ToggleButtonGroup: FC<Props> = (props) => {
  const { children, ...otherProps } = props;
  return (
    <div role="radiogroup">
      <Context.Provider value={{ ...otherProps }}>{children}</Context.Provider>
    </div>
  );
};

export default ToggleButtonGroup;
