@useloops/design-system/dist/systems/Platform/Header/Header.d.ts

The official React based Loops design system

import { SxProps, Theme, ContainerProps } from '@mui/material';
import { FunctionComponent, ReactNode } from 'react';
import { BreadcrumbLink } from '../../WebCore/Breadcrumb/Breadcrumb.js';
import { IconButtonProps } from '../../WebCore/IconButton/IconButton.js';

interface HeaderProps {
    backAction?: IconButtonProps['onClick'];
    title?: string;
    showEditTitleOnlyOnHover?: boolean;
    breadcrumbLinks?: BreadcrumbLink[];
    buttons?: ReactNode;
    controlBar?: ReactNode;
    sx?: SxProps<Theme>;
    slotProps?: {
        titleIconButton?: Omit<IconButtonProps, 'icon'>;
        container?: ContainerProps;
    };
    loading?: boolean;
}
declare const Header: FunctionComponent<HeaderProps>;

export { Header as default };
export type { HeaderProps };