@stokr/components-library/dist/components/Radio/Radio.stories.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.RadioChecked = void 0;
var _react = _interopRequireDefault(require("react"));
var _Radio = _interopRequireDefault(require("./Radio"));
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
  title: 'Components Library/Radio',
  component: _Radio.default,
  argTypes: {
    id: {
      type: 'string',
      required: true
    },
    name: {
      type: 'string',
      defaultValue: ''
    },
    text: {
      type: 'string or node',
      defaultValue: ''
    },
    label: {
      type: 'string',
      defaultValue: ''
    },
    value: {
      type: 'string',
      defaultValue: ''
    },
    checked: {
      type: 'boolean',
      defaultValue: false
    },
    error: {
      type: 'boolean',
      defaultValue: false
    },
    touched: {
      type: 'boolean',
      defaultValue: false
    },
    onChange: {
      type: 'function',
      action: 'onChange'
    },
    onBlur: {
      type: 'function',
      action: 'onBlur'
    },
    onFocus: {
      type: 'function',
      action: 'onFocus'
    }
  }
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Radio.default, args)));
const RadioChecked = exports.RadioChecked = Template.bind({});
RadioChecked.args = {
  value: 'Value',
  name: 'Name',
  text: 'Text, or other Element',
  label: 'Label',
  checked: true
};

//doublecheck:
// actions not working