/**
 * @license
 * Copyright 2023 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement, nothing } from 'lit';
import './color-holder.component.js';
/**
 * Default color sets component for displaying preset color swatches.
 *
 * Renders a grid of clickable color swatches that can be used as quick color selections.
 *
 * @example
 * ```html
 * <nr-default-color-sets
 *   .defaultColorSets="${['#3498db', '#e74c3c', '#2ecc71', '#f39c12']}">
 * </nr-default-color-sets>
 * ```
 *
 * @fires color-click - Fired when a color swatch is clicked
 *
 * @csspart container - The color swatches grid container
 */
export declare class DefaultColorSets extends LitElement {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    /** Array of color values to display as swatches */
    defaultColorSets: string[];
    /** Size of the color swatches */
    size: 'small' | 'default' | 'large';
    /** Number of columns in the grid */
    columns: number;
    /**
     * Handles color swatch click
     * @param color - The clicked color value
     * @param event - The click event
     */
    private handleColorClick;
    /**
     * Validates if a color string is valid CSS color
     */
    private isValidColor;
    render(): typeof nothing | import("lit-html").TemplateResult<1>;
}
//# sourceMappingURL=default-color-sets.component.d.ts.map