@kiwicom/orbit-components/lib/Card/helpers/mixins.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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

exports.__esModule = true;
exports.CardElement = void 0;

var _styledComponents = require("styled-components");

var _mediaQuery = _interopRequireDefault(require("../../utils/mediaQuery"));

var _defaultTheme = _interopRequireDefault(require("../../defaultTheme"));

var _borders = require("./borders");

const CardElement = (0, _styledComponents.css)(["width:100%;box-sizing:border-box;position:relative;box-shadow:", ";border-top:", ";background:", ";", ""], ({
  expanded,
  theme
}) => expanded && theme.orbit.boxShadowActionActive, ({
  expanded
}) => !expanded && _borders.getBorder, ({
  theme
}) => theme.orbit.backgroundCard, _mediaQuery.default.largeMobile((0, _styledComponents.css)(["border-left:", ";border-right:", ";"], ({
  expanded
}) => !expanded && _borders.getBorder, ({
  expanded
}) => !expanded && _borders.getBorder)));
exports.CardElement = CardElement;
CardElement.defaultProps = {
  theme: _defaultTheme.default
};