"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithTopFadeDisabled = exports.WithMobileFadeEnabled = exports.WithHeightOfFadeChanged = exports.WithAutoHeightOfScrollableArea = exports.DefaultStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = require("../..");
var _FadedScroll = _interopRequireDefault(require("./FadedScroll.mdx"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Atoms / FadedScroll',
  parameters: {
    docs: {
      page: _FadedScroll.default
    }
  }
};
var FadedScrollWithHeightDesktopOnly = (0, _styledComponents.default)(_.FadedScroll).withConfig({
  displayName: "FadedScrollstories__FadedScrollWithHeightDesktopOnly",
  componentId: "sc-10jv1uc-0"
})(["", "{height:220px;}"], function (p) {
  return p.theme.media.greaterThan(p.theme.breakpoints.md);
});
var FadedScrollWithHeight = (0, _styledComponents.default)(_.FadedScroll).withConfig({
  displayName: "FadedScrollstories__FadedScrollWithHeight",
  componentId: "sc-10jv1uc-1"
})(["height:220px;"]);
var StyledListItem = (0, _styledComponents.default)(_.ListItem).withConfig({
  displayName: "FadedScrollstories__StyledListItem",
  componentId: "sc-10jv1uc-2"
})(["padding:", "px;"], function (p) {
  return p.theme.spacing.unit(2);
});
var content = _react.default.createElement(_.List, null, _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Lorem ipsum dolor sit amet")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Class aptent taciti sociosqu")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Quisque ac ullamcorper eros")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Etiam urna elit, mollis vel arcu id")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Lorem ipsum dolor sit amet")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Class aptent taciti sociosqu")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Quisque ac ullamcorper eros")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Etiam urna elit, mollis vel arcu id")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Lorem ipsum dolor sit amet")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Class aptent taciti sociosqu")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Quisque ac ullamcorper eros")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Etiam urna elit, mollis vel arcu id")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Lorem ipsum dolor sit amet")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Class aptent taciti sociosqu")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Quisque ac ullamcorper eros")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Etiam urna elit, mollis vel arcu id")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Sed consequat erat lacinia")), _react.default.createElement(StyledListItem, null, _react.default.createElement(_.Typography, null, "Aliquam bibendum tortor dui")));
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(_.FadedScroll, {
      maxHeight: 40
    }, content);
  },
  name: 'Default, using maxHeight prop'
};
var WithAutoHeightOfScrollableArea = exports.WithAutoHeightOfScrollableArea = {
  render: function render() {
    return _react.default.createElement(FadedScrollWithHeightDesktopOnly, null, content);
  },
  name: 'With height of scrollable area being whatever is available'
};
var WithHeightOfFadeChanged = exports.WithHeightOfFadeChanged = {
  render: function render() {
    return _react.default.createElement(_.FadedScroll, {
      fadeHeight: 5,
      maxHeight: 45
    }, content);
  },
  name: 'With height of fade changed'
};
var WithMobileFadeEnabled = exports.WithMobileFadeEnabled = {
  render: function render() {
    return _react.default.createElement(FadedScrollWithHeight, {
      enableMobileFade: true
    }, content);
  },
  name: 'With mobile fade enabled'
};
var WithTopFadeDisabled = exports.WithTopFadeDisabled = {
  render: function render() {
    return _react.default.createElement(_.FadedScroll, {
      maxHeight: 45,
      disableTopFade: true
    }, content);
  },
  name: 'With top fade disabled'
};