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;
}