import { Direction } from '../color-palette/color-palette-utils.js';
import { CanvasBase } from './canvas-base.js';
import { PropertyValues } from 'lit';
/**
 * Utility component to make creating and retrieving gradient colors easier based on canvas coordinates.
 *
 * @dependency canvas-base
 */
export declare class CanvasGradient extends CanvasBase {
    static styles: import("lit").CSSResult[];
    /** An array of the colors that will make the gradient. */
    colors: string[];
    /** The height of the gradient canvas. */
    height: number;
    /** The width of the gradient canvas. */
    width: number;
    /** The direction the gradient will face. (Column or Row) */
    direction: Direction;
    protected updated(_changedProperties: PropertyValues): void;
    /** Creates a new gradient canvas */
    createGradient(colors: string[], height: number, width: number, direction: Direction): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'canvas-gradient': CanvasGradient;
    }
}
//# sourceMappingURL=canvas-gradient.d.ts.map