/**
 * This file has been claimed for ownership from @keycloakify/keycloak-account-ui version 260700.0.3.
 * To relinquish ownership and restore this file to its original content, run the following command:
 *
 * $ npx keycloakify own --path "account/components/page/Page.tsx" --revert
 */

/* eslint-disable */

// @ts-nocheck

import {
    PageSection,
    Text,
    TextContent,
    Title
} from "../../../shared/@patternfly/react-core";
import { PropsWithChildren } from "react";

type PageProps = {
    title: string;
    description: string;
};

export const Page = ({ title, description, children }: PropsWithChildren<PageProps>) => {
    return (
        <>
            <PageSection variant="light">
                <div className="nexus-page-intro">
                    <div className="nexus-page-intro__copy">
                        <span className="nexus-page-intro__kicker">
                            NEXUS / Identity control
                        </span>
                        <TextContent>
                            <Title headingLevel="h1" data-testid="page-heading">
                                {title}
                            </Title>
                            <Text component="p">{description}</Text>
                        </TextContent>
                    </div>
                    <div className="nexus-page-intro__mark" aria-hidden="true">
                        <span>ID</span>
                        <i />
                        <span>ACCOUNT</span>
                    </div>
                </div>
            </PageSection>
            <PageSection variant="light">{children}</PageSection>
        </>
    );
};
