import type { HTMLElementClassNames, ReseeComponent } from '../types/index.js';
import type { HeadingProps } from './Heading.vue.js';
/**
* Configurable props of the `LayoutPageContainerHeading` component.
*/
export interface LayoutPageContainerHeadingProps {
prose?: boolean | 'md' | 'sm';
headingText?: string;
headingLevel?: HeadingProps['level'];
subheadingText?: string;
headerClass?: HTMLElementClassNames;
}
/**
* Available slots in the `LayoutPageContainerHeading` component template.
*/
export interface LayoutPageContainerHeadingSlots {
/**
* Use the `heading` slot in place of the {@link LayoutPageContainerHeadingProps.headingText}
* property if you need to supply your own heading element with custom content/functionality.
*/
'heading': () => unknown;
/**
* Use the `subheading` slot in place of the {@link LayoutPageContainerHeadingProps.subheadingText}
* property.
*/
'subheading': () => unknown;
/**
* Use the `actions` slot to add content (intended to be buttons and/or links) to the right
* of and inline with the component's heading. The container that the two slots occupy is
* a flexbox, with the heading taking up as much space as is available.
*/
'actions': () => unknown;
/**
* Use the `actions-left` slot to add content (intended to be a back button) into the top-left
* corner of the component, above the heading. If the `actions` slot is also defined, it will
* be moved up into this flexbox row as well.
*/
'actions-left': () => unknown;
}
/**
* The `LayoutPageContainerHeading` component is primarily used to provide its sibling -
* the LayoutPageContainer component - with a functionality-rich heading block, but it
* is very useful in one-off situations too.
*/
declare const _default: ReseeComponent;
export default _default;