"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Variants = exports.Delay = exports.DefaultStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _Display = require("../../common/Display");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Atoms / Skeleton',
  parameters: {
    component: _.Skeleton
  }
};
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(_.Skeleton, {
      variant: "text",
      width: "300px"
    });
  },
  name: 'Default'
};
var Variants = exports.Variants = {
  render: function render() {
    return _react.default.createElement(_Display.Display, {
      title: "Skeleton variants",
      items: [{
        title: 'Text',
        component: _react.default.createElement(_.Skeleton, {
          variant: "text",
          width: "200px"
        })
      }, {
        title: 'Rect',
        component: _react.default.createElement(_.Skeleton, {
          variant: "rect",
          width: "100px",
          height: 25
        })
      }, {
        title: 'Circle',
        component: _react.default.createElement(_.Skeleton, {
          variant: "circle",
          width: 16,
          height: 16
        })
      }]
    });
  },
  name: 'Different variants'
};
var Delay = exports.Delay = {
  render: function render() {
    return _react.default.createElement(_Display.Display, {
      title: "Skeleton with delay",
      items: [{
        title: 'Without delay',
        component: _react.default.createElement(_.Skeleton, {
          variant: "rect",
          width: "100px",
          height: 25
        })
      }, {
        title: 'With default delay',
        component: _react.default.createElement(_.Skeleton, {
          variant: "rect",
          width: "100px",
          height: 25,
          delay: true
        })
      }, {
        title: 'With custom delay',
        component: _react.default.createElement(_.Skeleton, {
          variant: "rect",
          width: "100px",
          height: 25,
          delay: 3000
        })
      }]
    });
  },
  name: 'Skeleton with delay'
};