"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Docs = exports.DefaultStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / Fieldset',
  parameters: {
    component: _.Fieldset
  }
};
var Docs = exports.Docs = function Docs() {
  return _react.default.createElement("p", null, "The Fieldset component is used to group related elements in a form.");
};
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(_.Fieldset, null, _react.default.createElement(_.Legend, null, "Colors"), _react.default.createElement(_.Input.Checkbox, {
      name: "example",
      value: "green",
      label: "Green"
    }), _react.default.createElement(_.Input.Checkbox, {
      name: "example",
      value: "blue",
      label: "Blue"
    }), _react.default.createElement(_.Input.Checkbox, {
      name: "example",
      value: "yellow",
      label: "Yellow"
    }));
  },
  name: 'Default'
};