import { type Color } from '../data/color-class/color.js';
/**
 * Show a background and/or foreground color. Note that if a foreground color is provided that it is
 * not actually applied to anything, you must provide a child element for it to be applied to.
 *
 * @category Elements
 */
export declare const VirColorSwatch: import("element-vir").DeclarativeElementDefinition<"vir-color-swatch", ((Required<Pick<{
    foregroundColor: string | Readonly<Color>;
    backgroundColor: string | Readonly<Color>;
}, "foregroundColor">> & Partial<Pick<{
    foregroundColor: string | Readonly<Color>;
    backgroundColor: string | Readonly<Color>;
}, "backgroundColor">>) | (Required<Pick<{
    foregroundColor: string | Readonly<Color>;
    backgroundColor: string | Readonly<Color>;
}, "backgroundColor">> & Partial<Pick<{
    foregroundColor: string | Readonly<Color>;
    backgroundColor: string | Readonly<Color>;
}, "foregroundColor">>)) & {}, {}, {}, "vir-color-swatch-", "vir-color-swatch-", readonly [], readonly []>;