import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { useStyleConfig, vui } from '../core';
import Link from '../link';
import P from '../p';
import { cs } from '../utils';
import { useHeaderContext } from './context';
/** Displays a message with link to Marketplace if user has no services available. */
export const HeaderServicesMessage = vui((props, ref) => {
    const { children, className, ...rest } = props;
    const { links } = useHeaderContext() ?? {};
    const styles = useStyleConfig('Header', useHeaderContext());
    return (_jsx(P, { className: cs('vui-headerServicesMessage', className), mb: 2, ml: 2, ref: ref, ...styles.servicesMessage, ...rest, children: children ?? (_jsxs(_Fragment, { children: ["No services available. ", _jsx("br", {}), "Explore more on the", ' ', _jsx(Link, { href: links?.marketplace, isUnderlined: true, children: "marketplace" }), "."] })) }));
});
HeaderServicesMessage.displayName = 'HeaderServicesMessage';
export default HeaderServicesMessage;
//# sourceMappingURL=headerServicesMessage.js.map