@kiwicom/orbit-components/lib/Accordion/components/AccordionWrapper/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
exports.__esModule = true;
exports.getBorderRadius = exports.getBorder = exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _react = _interopRequireDefault(require("react"));
var _defaultTheme = _interopRequireDefault(require("../../../defaultTheme"));
var _mediaQuery = _interopRequireDefault(require("../../../utils/mediaQuery"));
const getBorder = ({
  theme
}) => `${theme.orbit.borderWidthCard} ${theme.orbit.borderStyleCard} ${theme.orbit.borderColorCard}`;
exports.getBorder = getBorder;
const getBorderRadius = ({
  theme
}) => `${theme.orbit.borderRadiusNormal}`;
exports.getBorderRadius = getBorderRadius;
const CardElement = (0, _styledComponents.css)(["", ";"], ({
  theme,
  expanded
}) => (0, _styledComponents.css)(["width:100%;box-sizing:border-box;position:relative;box-shadow:", ";border-top:", ";background:", ";", ";"], expanded && theme.orbit.boxShadowActionActive, !expanded && getBorder, theme.orbit.backgroundCard, _mediaQuery.default.largeMobile((0, _styledComponents.css)(["border-left:", ";border-right:", ";"], !expanded && getBorder, !expanded && getBorder))));
const StyledAccordionWrapper = _styledComponents.default.div.withConfig({
  displayName: "AccordionWrapper__StyledAccordionWrapper",
  componentId: "sc-kupav0-0"
})(["", ";border:", ";border-radius:", ";transition:margin ", " ease-in-out;margin:", " 0;"], CardElement, getBorder, getBorderRadius, ({
  theme
}) => theme.orbit.durationFast, ({
  theme
}) => theme.orbit.spaceXSmall);
StyledAccordionWrapper.defaultProps = {
  theme: _defaultTheme.default
};
const AccordionWrapper = ({
  dataTest,
  initialExpanded,
  ...props
}) => /*#__PURE__*/_react.default.createElement(StyledAccordionWrapper, (0, _extends2.default)({}, props, {
  expanded: props.expanded || initialExpanded,
  "data-test": dataTest
}));
var _default = AccordionWrapper;
exports.default = _default;