import { LitElement } from 'lit';
import { AliasMode, Direction } from '../color-palette-utils.js';
/**
 * A color item meant to be used with color-palette.
 *
 * @event {MouseEvent} select - Emitted when the item is selected.
 *
 * @cssprop {<color>} --palette-item-background-color - The background color of the item.
 * @cssprop {<color>} --palette-item-color - The color of the item.
 * @cssprop {<length>} --palette-item-font-size - The font-size the item will use.
 */
export declare class ColorPaletteItem extends LitElement {
    static styles: import("lit").CSSResult[];
    /** The color the item will display. */
    color: string;
    /** The alias for the color. */
    alias: string;
    /** How the alias will display. */
    aliasMode: AliasMode;
    /** The direction the palette wants the item to display.  */
    direction: Direction;
    /** Whether the item is being edited. */
    editMode: boolean;
    /** The height of the item. */
    height: number;
    /** Whether hovering over the item is permitted. */
    preventHover: boolean;
    /** Whether the text on the item is hidden. */
    hideText: boolean;
    /** The total number of colors the palette expects. */
    colorCount: number;
    render(): import("lit-html").TemplateResult<1>;
    /** Renders the content */
    protected content(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'color-palette-item': ColorPaletteItem;
    }
}
//# sourceMappingURL=color-palette-item.d.ts.map