import { LitElement } from 'lit';
/**
 * Colorpicker
 * [docs](https://pyrojs.com/el/colorpicker)
 *
 * ```html
 * <pyro-colorpicker></pyro-colorpicker>
 * ```
 *
 * @tag pyro-colorpicker
 *
 * @event {InputEvent} input - emitted when the value changes
 *
 * @cssprop [--pyro-colorpicker-spacing=var(--pyro-spacing)] - `gap`
 * @cssprop [--pyro-colorpicker-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-colorpicker-border-radius=var(--pyro-border-radius)] - `border`
 * @cssprop [--pyro-colorpicker-surface-color=var(--pyro-surface-color)] - `background`
 *
 */
export declare class PyroColorpicker extends LitElement {
    static styles: import('lit').CSSResult;
    /** Hex value of the color, eg: #00ff00 */
    value: string;
    /** Makes it a circle */
    circle?: boolean | undefined;
    /** Shows an input field */
    'with-input'?: boolean | undefined;
    private handleChange;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-colorpicker': PyroColorpicker;
    }
}