import React from 'react';
import { Gapped } from "../../../components/Gapped";
import { Radio } from "../../../components/Radio";
import { getComponentsFromPropsList } from "../helpers";
var propsList = [{
  value: '',
  children: 'Default',
  checked: false
}, {
  value: '',
  children: 'Checked'
}, {
  value: '',
  children: 'Disabled',
  disabled: true
}, {
  value: '',
  children: 'Focused',
  focused: true
}, {
  value: '',
  children: 'Error',
  error: true
}, {
  value: '',
  children: 'Warning',
  warning: true
}];
export var RadioPlayground = function RadioPlayground() {
  return /*#__PURE__*/(
    React.createElement(Gapped, {
      gap: 0,
      vertical: true
    }, getComponentsFromPropsList( /*#__PURE__*/React.createElement(Radio, {
      value: '',
      checked: true
    }), propsList))
  );
};