react-elasticsearch-calendar/build/components/Accordion.styles.js

booking calendar on React with Elasticsearch

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const accordionStyles = (isOpen) => {
    return {
        headerRibbon: {
            boxSizing: "border-box",
            padding: "4px 12px",
            width: "100%",
            backgroundColor: "#eee",
            transition: "opacity 0.2s ease",
        },
        headerContainer: {
            display: "flex",
            alignItems: "center",
            width: "100%",
        },
        headerIcon: {
            display: "inline-block",
            marginLeft: "auto",
            transition: "transform 0.3s",
            transform: isOpen ? "rotate(180deg)" : "rotate(0)",
        },
        content: {
            padding: "20px",
        },
    };
};
exports.default = accordionStyles;
//# sourceMappingURL=Accordion.styles.js.map