"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Container = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const DashboardContext_1 = require("../../DashboardContext");
const cva_1 = require("../../utils/cva");
const constants_1 = require("./constants");
const styles_1 = require("./styles");
const rootCva = (0, cva_1.cva)(constants_1.containerClassnames.root, {
    variants: {
        desktopViewMode: {
            compact: constants_1.containerClassnames.compact,
            wide: constants_1.containerClassnames.wide,
        },
        isFocusedMode: {
            true: constants_1.containerClassnames.focusedMode,
        },
    },
});
const Container = ({ children }) => {
    const { isFocusedMode, desktopViewMode } = (0, react_1.useContext)(DashboardContext_1.DashboardContext);
    return ((0, jsx_runtime_1.jsx)(styles_1.Root, { className: rootCva({
            desktopViewMode,
            isFocusedMode,
        }), children: children }));
};
exports.Container = Container;
