/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
/**
 * Represents the props of the [Kendo UI for Vue ColorGradient component]({% slug overview_colorgradient %}).
 */
export interface ColorGradientProps {
    /**
     * The model value of the ColorGradient.
     */
    modelValue?: string;
    /**
     * The model rgba value of the ColorGradient.
     */
    modelRgbaValue?: string;
    /**
     * The default value of the ColorGradient.
     */
    defaultValue?: string;
    /**
     * The value of the ColorGradient.
     */
    value?: string;
    /**
     * Determines the event handler that will be fired when the user edits the value.
     */
    onChange?: (event: ColorGradientChangeEvent) => void;
    /**
     * Represents the focus event.
     */
    onFocus?: (event: any) => void;
    /**
     * Determines whether the alpha slider and the alpha input will be displayed. Defaults to `true`.
     */
    opacity?: boolean;
    /**
     * Enables the color contrast tool.
     * Sets the background color that will be compared to the selected value.
     * The tool will calculate the contrast ratio between two colors.
     * Currently, only the RGBA format is supported.
     */
    backgroundColor?: string;
    /**
     * Determines whether the ColorGradient is disabled
     * ([more information and example]({% slug disabled_colorgradient %})).
     *
     */
    disabled?: boolean;
    /**
     * Sets the `tabIndex` property of the ColorGradient.
     */
    tabIndex?: number;
    /**
     * Sets tabindex of the inner components of the ColorGradient.
     */
    innerTabIndex?: number;
    /**
     * Specifies the id of the component.
     */
    id?: string;
    /**
     * Sets additional CSS classes to the ColorGradient.
     */
    class?: string;
    /**
     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
     * For example these elements could contain error or hint message.
     */
    ariaDescribedBy?: string;
    /**
     * Identifies the element(s) which will label the component.
     */
    ariaLabelledBy?: string;
    /**
     * Configures the `size` of the ColorGradient.
     *
     * The available options are:
     * - `small`
     * - `medium`
     * - `large`
     *
     * @default undefined
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * @hidden
     * Internal prop that determines whether the ColorGradient is in adaptive state.
     */
    adaptive?: boolean;
}