import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Toast } from '../components/Toast';
import { LightningBolt } from '../icons/LightningBolt';
import { CloseIcon } from '../icons/CloseIcon';
export function StaticIndicator(param) {
    let { dispatcher } = param;
    return /*#__PURE__*/ _jsxs(Toast, {
        className: "nextjs-static-indicator-toast-wrapper",
        children: [
            /*#__PURE__*/ _jsx(LightningBolt, {}),
            /*#__PURE__*/ _jsxs("span", {
                children: [
                    "Statically rendered page.",
                    ' ',
                    /*#__PURE__*/ _jsx("a", {
                        onClick: (e)=>e.stopPropagation(),
                        href: "https://nextjs.org/docs/app/api-reference/next-config-js/devIndicators",
                        target: "_blank",
                        rel: "noreferrer",
                        children: "Learn more"
                    })
                ]
            }),
            /*#__PURE__*/ _jsx("button", {
                onClick: ()=>{
                    dispatcher == null ? void 0 : dispatcher.onStaticIndicator(false);
                },
                className: "nextjs-toast-hide-button",
                style: {
                    marginLeft: 'var(--size-gap)'
                },
                children: /*#__PURE__*/ _jsx(CloseIcon, {})
            })
        ]
    });
}

//# sourceMappingURL=StaticIndicator.js.map