import { LitElement } from 'lit'; import { BpTypeElement } from '@blueprintui/components/internals'; /** * ```typescript * import '@blueprintui/components/include/badge.js'; * ``` * * ```html * panel content * ``` * * @summary The panel component is used to display secondary information, commonly navigation or actions. * @element bp-panel * @since 1.0.0 * @slot - content * @slot header * @slot footer * @event - close * @event - open * @command --toggle * @command --close * @command --open * @cssprop --background * @cssprop --color * @cssprop --border * @cssprop --padding */ export declare class BpPanel extends LitElement implements Pick { #private; static styles: CSSStyleSheet[]; /** Determines the size variant of the panel for different visual hierarchies */ accessor size: 'sm' | 'md' | 'lg'; /** Determines whether a close button is displayed for dismissing the panel */ accessor closable: boolean; /** Controls the visibility state of the panel */ accessor hidden: boolean; /** Provides internationalization strings for translated text content */ accessor i18n: { copy: string; sort: string; none: string; ascending: string; descending: string; expand: string; close: string; resize: string; filter: string; loading: string; show: string; hide: string; previous: string; next: string; first: string; last: string; today: string; browse: string; removeFile: string; files: string; resizeColumn: string; closeDetails: string; noData: string; action: string; dropTarget: string; firstPage: string; previousPage: string; nextPage: string; lastPage: string; pageSize: string; pagination: string; increment: string; decrement: string; }; _internals: ElementInternals; private typeClosableController; render(): import("lit").TemplateResult<1>; connectedCallback(): void; }