import { LitElement } from 'lit';
import type { CssVariableName } from '../../../__internal__/theme/css-variables.js';
export declare class ColorEvent extends Event {
    detail: CssVariableName;
    constructor(type: string, { detail, composed, bubbles, }: {
        detail: CssVariableName;
        composed: boolean;
        bubbles: boolean;
    });
}
export declare const DEFAULT_SELECTED_COLOR: string;
export declare function isTransparent(color: CssVariableName): boolean;
export declare function ColorUnit(color: CssVariableName, { hollowCircle, letter, }?: {
    hollowCircle?: boolean;
    letter?: boolean;
}): import("lit").TemplateResult<1>;
export declare class EdgelessColorPanel extends LitElement {
    static styles: import("lit").CSSResult;
    value?: CssVariableName;
    options: CssVariableName[];
    showLetterMark: boolean;
    hollowCircle: boolean;
    private _onSelect;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'edgeless-color-panel': EdgelessColorPanel;
    }
}
//# sourceMappingURL=color-panel.d.ts.map