smart-react-components/Footer-75021ca8.js

React UI library, wide variety of editable ready to use Styled and React components.

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);
var Footer = require('./element/Footer.js');

var ModalFooter = styled__default(Footer).attrs(({ flex = "0 0 auto" }) => ({ flex }))(({ theme, topBorder }) => `
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    padding: ${theme.src.modal.modalFooterPadding.y} ${theme.src.modal.modalFooterPadding.x};
    
    > * {
        flex: 0 0 auto;
        margin: ${theme.src.modal.modalFooterContentMargin.y} ${theme.src.modal.modalFooterContentMargin.x};
    }

    ${topBorder ? `
        border-top: solid 1px ${theme.src.modal.modalContentBorderColor};
    ` : ""}
`);

exports.ModalFooter = ModalFooter;