import { jsx as _jsx } from "react/jsx-runtime";
import { Button, RouterLink } from "../../../../../../components/index.js";
import { BlockIdContext } from "../../../../../../context/blockIdContext/index.js";
import { block } from "../../../../../../utils/index.js";
import './NavigationButton.css';
const b = block('navigation-button');
const ANALYTICS_ID = 'navigation';
export const NavigationButton = (props) => {
    const { url, target, className } = props;
    const classes = b(null, className);
    return (
    // TODO: fix any
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    _jsx(BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? (_jsx(Button, { className: classes, ...props, url: url })) : (_jsx(RouterLink, { href: url, children: _jsx(Button, { ...props, className: classes, url: url }) })) }));
};
//# sourceMappingURL=NavigationButton.js.map
