function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import React, { useState } from 'react';
import { Typography } from '../..';
import { ShowMoreButton } from './ShowMoreButton';
export default {
  title: 'Molecules / ShowMoreButton'
};
export var Default = function Default() {
  var _useState = useState(false),
    _useState2 = _slicedToArray(_useState, 2),
    showMore = _useState2[0],
    setShowMore = _useState2[1];
  return React.createElement(React.Fragment, null, React.createElement(Typography, null, "Consectetur distinctio dolore iure nihil quam quis vel. Aut autem consequatur ex impedit magni molestias obcaecati omnis possimus! Consectetur distinctio dolore iure nihil quam quis vel. Aut autem consequatur ex impedit magni molestias obcaecati omnis possimus! Ex fugit nulla veritatis!"), showMore && React.createElement(Typography, null, "Ex fugit nulla veritatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur distinctio dolore iure nihil quam quis vel. Aut autem consequatur ex impedit magni molestias obcaecati omnis possimus! Ex fugit nulla veritatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit."), React.createElement(ShowMoreButton, {
    onClick: function onClick() {
      return setShowMore(!showMore);
    },
    expanded: showMore,
    showMoreText: "Show more",
    showLessText: "Show less"
  }));
};
export var AlignedLeft = function AlignedLeft() {
  var _useState3 = useState(false),
    _useState4 = _slicedToArray(_useState3, 2),
    showMore = _useState4[0],
    setShowMore = _useState4[1];
  return React.createElement(React.Fragment, null, React.createElement(Typography, null, "Ex fugit nulla veritatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur distinctio dolore iure nihil quam quis vel. Aut autem consequatur ex impedit magni molestias obcaecati omnis possimus! Consectetur distinctio dolore iure nihil quam quis vel. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores assumenda corporis dolorum, facilis id illum ipsam ipsum maxime modi necessitatibus nemo nostrum odio odit officia praesentium provident quod totam vero."), showMore && React.createElement(Typography, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam beatae reiciendis vero. Aliquid dolore, doloremque error facere illum ipsa magnam nam nemo neque non pariatur quas sapiente tempore ullam voluptates. Ex fugit nulla veritatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur distinctio dolore iure nihil quam quis vel. Aut autem consequatur ex impedit magni molestias obcaecati omnis possimus!"), React.createElement(ShowMoreButton, {
    onClick: function onClick() {
      return setShowMore(!showMore);
    },
    expanded: showMore,
    align: "left",
    showMoreText: "Show more",
    showLessText: "Show less"
  }));
};
export var Disabled = function Disabled() {
  return React.createElement(ShowMoreButton, {
    onClick: function onClick() {},
    expanded: false,
    disabled: true,
    showMoreText: "Show more",
    showLessText: "Show less"
  });
};
export var Loading = function Loading() {
  return React.createElement(ShowMoreButton, {
    onClick: function onClick() {},
    expanded: false,
    loading: true,
    showMoreText: "Show more",
    showLessText: "Show less"
  });
};