import React from 'react';
import { Radio } from '@breakaway/preact-core';

export const RadioControlled: React.FunctionComponent = () => {
  const [check1, setCheck1] = React.useState(false);

  const handleChange = () => {
    setCheck1(true);
  };
  return (
    <React.Fragment>
      <Radio
        isChecked={check1}
        name="radio-1"
        onChange={handleChange}
        label="Controlled Radio"
        id="radio-controlled"
      ></Radio>
    </React.Fragment>
  );
};