import * as React from 'react';
import { useAdaptable } from '../AdaptableContext';
import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
import { useChartingElements } from './useChartingElements';
import { Box, Flex } from '../../components/Flex';
export const ChartingStatusBarPopover = (props) => {
    const adaptable = useAdaptable();
    const accessLevel = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants.ChartingModuleId);
    const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = useChartingElements({
        elementType: 'Statusbar',
        accessLevel: accessLevel,
        size: 'small',
    });
    return (React.createElement(Flex, { className: "twa:w-full", alignItems: "center" },
        React.createElement(Box, null, chartSelector),
        containerSelector && React.createElement(Box, { className: "twa:ml-1" }, containerSelector),
        React.createElement(Box, { className: "twa:ml-1" },
            chartButton,
            deleteButton,
            editButton)));
};
