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;