import { LitElement } from 'lit';
import { PaletteSettings } from '../color-palette-utils.js';
import { HCPaletteChangeEvent } from '../../../events/palette-change.js';
import '../color-palette.js';
import '../../bottom-sheet/bottom-sheet.js';
import '../menu/color-palette-menu.js';
import '../../absolute-container/absolute-container.js';
import '../editor/color-palette-editor.js';
import { ResponsiveController } from '../../../controllers/ResponsiveController.js';
import { HCPaletteEditEvent } from '../../../events/palette-edit.js';
/**
 * color-palette components combined.
 *
 * @event hc-palette-change - Emitted when new colors have been chosen.
 *
 * @dependency color-palette
 * @dependency bottom-sheet
 * @dependency color-palette-menu
 * @dependency absolute-container
 * @dependency color-palette-editor
 */
export declare class ColorPaletteComponent extends LitElement {
    static styles: import("lit").CSSResult[];
    private _menuWrapper;
    private _editorWrapper;
    private _menuSheet;
    private _menu;
    private _editor;
    /** The palette colors. */
    colors: string[];
    /** The palette settings. */
    settings: PaletteSettings;
    /** Whether the palette is in edit mode. */
    editMode: boolean;
    protected responsiveController: ResponsiveController;
    /** Whether the screen is mobile sized. */
    get isMobile(): boolean;
    render(): import("lit-html").TemplateResult<1>;
    handlePaletteChange({ detail: { colors } }: HCPaletteChangeEvent): void;
    handlePaletteEdit({ detail: { isEditMode } }: HCPaletteEditEvent): void;
    handleOpenEditor(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'color-palette-component': ColorPaletteComponent;
    }
}
//# sourceMappingURL=color-palette-component.d.ts.map