import { PageHeaderProps } from "./types";
import clsx from 'clsx';

const PageHeader = ({
    children,
    className,
    heading,
    label,
    title,
    titleId,
    ...props
}: PageHeaderProps) => {
    return (
        <header
            className={clsx([
                'ds_page-header',
                className
            ])}
            {...props}
        >
            {label && <span className="ds_page-header__label  ds_content-label">{label}</span>}
            <h1 id={titleId} className="ds_page-header__title">{heading || title}</h1>

            {children}
        </header>
    );
};

PageHeader.displayName = 'PageHeader';

export default PageHeader;