import '@components/icon/icon.js';
import { SkfElement } from '@internal/components/skf-element.js';
import type { HeadingType } from '@internal/constants/heading.js';
import type { CSSResultGroup } from 'lit';
/**
 * The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.
 *
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354495/asset/6229e2eb8a8dacf366dc3243) for design principles.
 *
 * @event {CustomEvent} skf-collapse-toggle - Event emitted when toggled
 *
 * @slot - Main content
 *
 * @tagname skf-collapse
 */
export declare class SkfCollapse extends SkfElement {
    static styles: CSSResultGroup;
    /** If true, will animate the expand/collapse state */
    animated: boolean;
    /** If true, will set the collapse to be expanded by default */
    expanded: boolean;
    /** Heading for the collapse */
    heading?: string;
    /** Controls which heading element will be rendered */
    headingAs: Exclude<HeadingType, 'h1'>;
    /** If true, renders the small version */
    small: boolean;
    /** If true, will truncate the heading in collapsed state */
    truncate: boolean;
    /** Class method as alternative to manipulate attribute */
    setClose(): void;
    /** Class method as alternative to manipulate attribute */
    setOpen(): void;
    /** @internal */
    private _toggle;
    render(): import("lit").TemplateResult;
}