"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Normal = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactIntl = require("react-intl");

var _addonActions = require("@storybook/addon-actions");

var _index = require("./index");

var _core = require("../../core");

var _radioOptions = _interopRequireDefault(require("./radio-options.mdx"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _default = {
  title: 'Components/Inputs/RadioOptions ⚠️',
  component: _index.RadioOptions,
  parameters: {
    docs: {
      page: _radioOptions["default"]
    }
  }
};
exports["default"] = _default;

var Normal = function Normal() {
  return /*#__PURE__*/_react["default"].createElement(_core.Grid, null, /*#__PURE__*/_react["default"].createElement(_core.GridItem, {
    sm: 4,
    md: 4,
    lg: 4
  }, /*#__PURE__*/_react["default"].createElement(_index.RadioOptions, {
    label: "Choose an ice cream flavour",
    selectedId: "vanilla"
    /* TODO: not this */
    ,
    onClick: (0, _addonActions.action)('onChange: changing ice cream flavour'),
    options: [{
      id: 'vanilla',
      text: 'Vanilla'
    }, {
      id: 'chocolate',
      text: 'Chocolate'
    }, {
      id: 'localized',
      text: 'Description is localized',
      description: /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
        id: "test"
      })
    }, {
      id: 'both',
      text: 'Both',
      description: 'You enjoy both equally'
    }, {
      id: 'other',
      text: 'Other',
      description: 'Another option entirely',
      freeForm: {
        placeholder: 'Favourite ice cream',
        value: '',
        onChange: (0, _addonActions.action)('onChange')
      }
    }]
  })));
};

exports.Normal = Normal;