import type { PrimitivePropsWithRef } from '../utils/primitive.js'; /** Props for {@link Heading}, a section heading whose level and visual size are separate. */ export interface HeadingProps extends PrimitivePropsWithRef<'h2'> { /** Which heading element to render; required, since the level belongs to your document outline. */ as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'; /** * Remove the heading from view while leaving it in the accessibility tree, * by composing the `.skdx-visually-hidden` utility. * @default false */ visuallyHidden?: boolean | undefined; /** * Size rung the skin scales the heading by, mirrored to `data-size`. * @default undefined — the skin's own default size. */ size?: 'sm' | 'md' | 'lg' | 'xl' | (string & {}) | undefined; }