import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { css } from "styled-components";
import { Logo } from "./Logo";
export function MaintenancePage() {
    return (_jsxs("div", { className: "openk9--maintenance-page", css: css `
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: var(--openk9-embeddable-search--primary-color);
      `, children: [_jsx(Logo, { size: 128 }), _jsx("h1", { children: "The service is undergoing maintenance" })] }));
}
