"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function DocusaurusSideBar({ content, closeRequest, }) {
    return (_jsxs("div", { style: {
            backgroundColor: "var(--ifm-hero-background-color)",
            color: "var(--ifm-hero-text-color)",
            border: "var(--ifm-global-border-width) solid var(--ifm-blockquote-border-color)",
            borderRadius: "var(--ifm-global-radius)",
            boxShadow: "var(--ifm-global-shadow-tl)",
            padding: "var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)",
        }, children: [_jsxs("div", { style: {
                    display: "flex",
                    justifyContent: "space-between",
                    alignItems: "center",
                }, children: [_jsx("div", { style: {
                            fontWeight: "bold",
                            // Note: the docs at https://docusaurus.community/knowledge/design/css/variables/ say this variable
                            // should be `--ifm-heading-h3-font-size`, but it doesn't exist. It's `--ifm-h3-font-size` instead.
                            fontSize: "var(--ifm-h3-font-size)",
                        }, children: content?.title }), _jsx("button", { onClick: closeRequest, children: "X" })] }), _jsx("hr", { style: {
                    height: "1px",
                    backgroundColor: "var(--ifm-breadcrumb-color-active)",
                } }), content?.content] }));
}
export function DocusaurusSideBarTrigger({ onClick, children, }) {
    return (_jsx("button", { onClick: onClick, style: {
            padding: "8px 16px",
        }, children: children }));
}
//# sourceMappingURL=docusaurus.js.map