"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ButtonSwitch = exports.Regular = exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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

var _ContentSwitcher = _interopRequireDefault(require("./ContentSwitcher"));

var _README = _interopRequireDefault(require("./README.mdx"));

var _Switch = _interopRequireDefault(require("../Switch"));

var _iconsReact = require("@wfp/icons-react");

var _default = {
  title: 'Components/Content Related/ContentSwitcher',
  component: _ContentSwitcher.default,
  subcomponents: {
    Switch: _Switch.default
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: _README.default
  }
};
exports.default = _default;

var Regular = function Regular(args) {
  var handleChange = function handleChange() {// console.log('handle any onChange here');
  };

  return /*#__PURE__*/_react.default.createElement(_ContentSwitcher.default, (0, _extends2.default)({}, args, {
    onChange: handleChange
  }), /*#__PURE__*/_react.default.createElement(_Switch.default, {
    name: "one",
    text: "First section"
  }), /*#__PURE__*/_react.default.createElement(_Switch.default, {
    name: "two",
    text: "Second section"
  }), /*#__PURE__*/_react.default.createElement(_Switch.default, {
    name: "three",
    text: "Third section"
  }));
};

exports.Regular = Regular;
Regular.args = {
  children: 'ContentSwitcher'
};

var ButtonSwitch = function ButtonSwitch(args) {
  var handleChange = function handleChange() {// console.log('handle any onChange here');
  };

  return /*#__PURE__*/_react.default.createElement(_ContentSwitcher.default, (0, _extends2.default)({}, args, {
    onChange: handleChange
  }), /*#__PURE__*/_react.default.createElement(_Switch.default, {
    kind: "button",
    name: "one",
    text: "First section"
  }), /*#__PURE__*/_react.default.createElement(_Switch.default, {
    kind: "button",
    name: "two",
    text: "Second section"
  }), /*#__PURE__*/_react.default.createElement(_Switch.default, {
    kind: "button",
    name: "three",
    text: "Third section"
  }));
};

exports.ButtonSwitch = ButtonSwitch;
ButtonSwitch.args = {
  children: 'ContentSwitcher'
};
var description = "\n\n#### Default types of switch state\n\n| kind   |  Description  |\n|----------|-------------|\n| `anchor` | (Default) |\n| `button` | experimental   |\n";
ButtonSwitch.story = {
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};
/*
export const withIcon = (args) => {
  const handleChange = () => {
    // console.log('handle any onChange here');
  };
  return (
    <ContentSwitcher {...args} onChange={handleChange}>
      <Switch kind="button" name="one" text="First section" icon={AddCircleGlyph} />
      <Switch kind="button" name="two" text="Second section" icon={AddCircleGlyph} />
      <Switch kind="button" name="three" text="Third section" icon={AddCircleGlyph} />
    </ContentSwitcher>
  );
};

withIcon.args = {
  children: 'ContentSwitcher',
};

const desc = `Specify icon to be used in the switch element. \`icon\` property on \`<switch/>\` expects an element `;

withIcon.story = {
  parameters: {
    docs: {
      storyDescription: desc,
    },
  },
};
*/