import { DuetMargin, DuetTheme } from "../../common-types";
import { ThemeableComponent } from "../../common/themeable-component";
type DuetPanelPalette = "default" | "accent";
type DuetPanelPaletteVariation = "primary" | "secondary";
export type DuetPanelVariation = "" | `${DuetPanelPalette}` | `${DuetPanelPaletteVariation}` | `${DuetPanelPalette}-${DuetPanelPaletteVariation}` | `${DuetPanelPaletteVariation}-${DuetPanelPalette}`;
export declare class DuetPanel implements ThemeableComponent {
    element: HTMLElement;
    /**
     * Theme of the panel.
     */
    theme: DuetTheme;
    /**
     * Controls the padding of the component. Padding is automatically responsive.
     */
    padding: "small" | "medium" | "large";
    /**
     * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary",
     * "secondary"). You can ommit "default" and "primary" - they are the defaults.
     */
    variation: DuetPanelVariation;
    /**
     * Controls the margin of the component.
     */
    margin: DuetMargin;
    /**
     * Set this attribute to draw a border around the panel.
     */
    border: boolean;
    /**
     * Adds accessible label for the panel that is only shown for screen readers.
     */
    accessibleLabel: string;
    /**
     * Indicates the id of a component that labels the panel.
     */
    accessibleLabelledBy: string;
    /**
     * Indicates the id of a component that describes the panel.
     */
    accessibleDescribedBy: string;
    /**
     * Component lifecycle events.
     */
    componentWillLoad(): void;
    render(): any;
}
export {};