"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithFooter = exports.WithBadges = exports.DefaultStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _Accordion = _interopRequireDefault(require("./Accordion.mdx"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / Accordion',
  parameters: {
    docs: {
      page: _Accordion.default
    },
    component: _.Accordion
  }
};
var ExampleContent = function ExampleContent() {
  return _react.default.createElement(_.Typography, {
    as: "p",
    type: "secondary",
    color: function color(t) {
      return t.color.accordionText;
    }
  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat");
};
var exampleFooter = _react.default.createElement(_.Typography, {
  as: "p",
  type: "secondary",
  weight: "bold"
}, "Did not find what you look for? ...That's a shame. ", _react.default.createElement(_.Spinner, {
  id: "shame"
}));
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(_.Accordion, null, _react.default.createElement(_.AccordionItem, {
      title: "L\xE5g CO\u2082 risk"
    }, _react.default.createElement(ExampleContent, null)), _react.default.createElement(_.AccordionItem, {
      title: "Sustainability score"
    }, _react.default.createElement(ExampleContent, null)));
  },
  name: 'Default'
};
var WithFooter = exports.WithFooter = function WithFooter() {
  return _react.default.createElement(_.Accordion, {
    footer: exampleFooter
  }, _react.default.createElement(_.AccordionItem, {
    title: "L\xE5g CO\u2082 risk"
  }, _react.default.createElement(ExampleContent, null)), _react.default.createElement(_.AccordionItem, {
    title: "Sustainability score"
  }, _react.default.createElement(ExampleContent, null)));
};
var WithBadges = exports.WithBadges = function WithBadges() {
  return _react.default.createElement(_.Box, {
    p: 10,
    backgroundColor: function backgroundColor(t) {
      return t.color.card;
    }
  }, _react.default.createElement(_.Accordion, null, _react.default.createElement(_.AccordionItem, {
    disableFocusOutline: true,
    disableBackgroundColor: true,
    type: "primary",
    withChevron: true,
    title: "Leverage products without stop loss",
    label: "Valid until 2023-12-31",
    leftBadgeIcon: _react.default.createElement(_.Badge.Icon, {
      badgeColor: function badgeColor(t) {
        return t.color.badgeBackground;
      },
      badgeSize: "s"
    }, _react.default.createElement(_.Icon.Warning16, {
      color: function color(t) {
        return t.color.badgeIconColor;
      }
    }), ' ')
  }, _react.default.createElement(ExampleContent, null)), _react.default.createElement(_.AccordionItem, {
    disableFocusOutline: true,
    disableBackgroundColor: true,
    type: "primary",
    withChevron: true,
    title: "Leverage products without stop loss",
    label: "Valid until 2023-12-31",
    leftBadgeIcon: _react.default.createElement(_.Badge.Icon, {
      badgeColor: function badgeColor(t) {
        return t.color.badgeBackground;
      },
      badgeSize: "s"
    }, _react.default.createElement(_.Icon.Warning16, {
      color: function color(t) {
        return t.color.badgeIconColor;
      }
    }), ' ')
  }, _react.default.createElement(ExampleContent, null)), _react.default.createElement(_.AccordionItem, {
    disableFocusOutline: true,
    disableBackgroundColor: true,
    type: "primary",
    withChevron: true,
    title: "Leverage products without stop loss",
    label: "Valid until 2023-12-31",
    leftBadgeIcon: _react.default.createElement(_.Badge.Icon, {
      badgeColor: function badgeColor(t) {
        return t.color.badgeBackground;
      },
      badgeSize: "s"
    }, _react.default.createElement(_.Icon.Warning16, {
      color: function color(t) {
        return t.color.badgeIconColor;
      }
    }), ' ')
  }, _react.default.createElement(ExampleContent, null))));
};