/**-----------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
/**
 * Defines responsive breakpoints for form controls in relation to the width of the Form component.
 * Each breakpoint can specify a minimum and/or maximum width, and a value that represents either the number of columns
 * or the colspan/gutters for that breakpoint.
 *
 * @example
 * ```ts
 * const breakpoints: ResponsiveFormBreakPoint[] = [
 *   { minWidth: 768, value: 2 },
 *   { maxWidth: 767, value: 1 }
 * ];
 * ```
 */
export interface ResponsiveFormBreakPoint {
    /**
     * Specifies the minimum Form width for this breakpoint in pixels.
     */
    minWidth?: number;
    /**
     * Specifies the maximum Form width for this breakpoint in pixels.
     */
    maxWidth?: number;
    /**
     * Specifies the value associated with this breakpoint.
     * Can represent the number of columns or the colspan/gutters for the form control.
     * For gutters configurations, numeric values are interpreted as pixels, while string values can include units like `px`, `em`, etc.
     * For columns number and colspan, numeric values are typically used and strings are parsed to numbers.
     */
    value: number | string;
}