react-base-guide/lib/components/accordion/body.js

react ui components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const AccordionBody = styled_components_1.default.div `
    position: relative;
    box-sizing: border-box;
    overflow-x: ${p => p.$open ? "visible" : "hidden"};
    width: 100%;
    height: ${p => p.$open ? "100%" : "0"};
    padding: ${p => p.$open ? "16px 12px" : "0 12px"};
    border: none;
    border-radius: ${p => p.theme.radius.element};
    background: ${p => p.disabled ? p.theme.palette.element.border : p.theme.palette.background.primary};
    pointer-events: ${p => p.disabled ? "none" : "all"};
    color: ${p => p.theme.palette.text.primary};
    font-size: ${p => p.$open ? "14px" : "0"};
    margin-top: -4px;
    transition: height 0.3s, padding 0.3s;
`;
exports.default = AccordionBody;
//# sourceMappingURL=body.js.map