'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var styled = require('styled-components');
var index = require('../../../../utils/index.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const BottomSheetFooterWrapper = styled__default['default'].div `
  display: flex;
  padding: ${index.getSpacing('s04', 's03')};
  box-sizing: border-box;

  ${({ stackedActionButtons }) => stackedActionButtons
    ? styled.css `
          flex-direction: column;
          justify-content: center;

          button {
            &:not(:last-child) {
              margin-bottom: ${index.getSpacing('s04')};
            }
          }
        `
    : styled.css `
          justify-content: flex-end;

          button {
            &:not(:last-child) {
              margin-right: ${index.getSpacing('s04')};
            }
          }
        `}

  ${({ pinnedFooter }) => pinnedFooter &&
    styled.css `
      ${index.getSpacing('s05')};
      position: fixed;
      bottom: 0;
      width: 100%;
      flex-shrink: 0;
      background: ${index.getColorAlias('containerDefault')};
      box-shadow: rgb(0 0 0 / 20%) 0px -5px 9px -3px;
    `}
`;

exports.BottomSheetFooterWrapper = BottomSheetFooterWrapper;
