import React from 'react';
import { makeStyles } from '@material-ui/core';
import clsx from 'clsx';
import PropTypes from 'prop-types';
const useStyles = makeStyles((theme) => ({
    root: {
        padding: (props) => theme.spacing(props.text ? 2 : 1)
    },
    paddingTop: {
        paddingTop: (props) => theme.spacing(props.text ? 2 : 1)
    },
    paddingBottom: {
        paddingBottom: (props) => theme.spacing(props.text ? 2 : 1)
    },
    paddingRight: {
        paddingRight: (props) => theme.spacing(props.text ? 2 : 1)
    },
    paddingLeft: {
        paddingLeft: (props) => theme.spacing(props.text ? 2 : 1)
    }
}));
export const ContentContainer = (props) => {
    const { children, np, pt, pb, pl, pr } = props;
    const classes = useStyles(props);
    return (React.createElement("div", { className: clsx(!np && classes.root, pt && classes.paddingTop, pb && classes.paddingBottom, pl && classes.paddingLeft, pr && classes.paddingRight) }, children));
};
ContentContainer.propTypes = {
    /**
     * removes padding from container to allow for custom padding
     */
    np: PropTypes.bool,
    /**
     * Sets padding top (if np is true)
     */
    pt: PropTypes.bool,
    /**
     * Sets padding bottom (if np is true)
     */
    pb: PropTypes.bool,
    /**
     * Sets padding left (if np is true)
     */
    pl: PropTypes.bool,
    /**
     * Sets padding right (if np is true)
     */
    pr: PropTypes.bool,
    /**
     * Sets double padding for use with text
     */
    text: PropTypes.text
};
//# sourceMappingURL=ContentContainer.js.map