import { jsx as _jsx } from "react/jsx-runtime";
import { useContext } from 'react';
import { DashboardContext } from '../../DashboardContext';
import { cva } from '../../utils/cva';
import { containerClassnames } from './constants';
import { Root } from './styles';
const rootCva = cva(containerClassnames.root, {
    variants: {
        desktopViewMode: {
            compact: containerClassnames.compact,
            wide: containerClassnames.wide,
        },
        isFocusedMode: {
            true: containerClassnames.focusedMode,
        },
    },
});
export const Container = ({ children }) => {
    const { isFocusedMode, desktopViewMode } = useContext(DashboardContext);
    return (_jsx(Root, { className: rootCva({
            desktopViewMode,
            isFocusedMode,
        }), children: children }));
};
