import React, { useState } from "react";
import { Title, Subtitle, Description } from "@storybook/addon-docs";
import { Radio } from "./Radio";

export const RadioDocs = () => {
  const options = [
    { label: "First", value: "1" },
    { label: "Second", value: "2" },
  ];

  const [radioState, changeRadioState] = useState('2')

  return (
    <>
      <Title>Input</Title>
      <Subtitle>Input</Subtitle>
      <Description>Компонент для Input</Description>

      <Radio
        options={options}
        name="first"
        data-component-id="test-id"
        onChange={e => {
          changeRadioState(e.target.value);
        }}
        value={radioState}
      />
    </>
  );
};