import React from 'react';
import { useMultiStyleConfig, Box } from '@chakra-ui/react';
import { useI18n } from '../../../utilities/i18nInit.js';
import { DrawerIndicator } from './drawer/DrawerIndicator.js';

var NavigationItem = function (_a) {
    var translationKey = _a.translationKey, drawerHandler = _a.drawerHandler, isOpen = _a.isOpen;
    var t = useI18n().t;
    var linkStyles = useMultiStyleConfig('Link', { variant: 'navigationLink' });
    return (React.createElement(Box, { onClick: drawerHandler, __css: linkStyles.link, fontWeight: "bold", color: isOpen ? 'blue.700' : 'gray.900', position: "relative", top: "1px" },
        t(translationKey),
        " ",
        React.createElement(DrawerIndicator, { isOpen: isOpen })));
};

export { NavigationItem };
//# sourceMappingURL=NavigationItem.js.map
