import { EventEmitter } from "../../stencil-public-runtime";
export type KlevuOnSwatchClick = {
  name: string;
};
export type KlevuSwatch = {
  name: string;
  selected: boolean;
  imageUrl?: string;
  color?: string;
  borderColor?: string;
};
/**
 * Color Swatch component
 *
 * @cssprop --klevu-color-swatch-border #8c8c8c Border on swatch
 * @cssprop --klevu-color-swatch-default-background #000 Shown when color not found in css
 * @cssprop --klevu-color-swatch-size 25px Size of swatch
 * @cssprop --klevu-color-swatch-selected-color #2b4af7 Ring color when selected
 * @cssprop --klevu-color-swatch-border-radius 50% To change the shape of swatch
 */
export declare class KlevuColorSwatch {
  #private;
  /**
   * When swatch has been clicked
   */
  klevuSwatchClick: EventEmitter<KlevuOnSwatchClick>;
  /**
   * This field will be sent in the click callback
   */
  name: string;
  /**
   * Color to apply
   */
  color?: string;
  /**
   * If selected
   */
  selected: boolean;
  /**
   * ImageUrl to load in swatch
   */
  imageUrl?: string;
  /**
   * Specify border color for the swatch
   */
  borderColor?: string;
  render(): any;
}
