/**-----------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { ResponsiveFormBreakPoint } from './responsive-breakpoints';
/**
 * Represents the gutters configuration for a Form layout. Defines the spacing between the columns and rows of the Form.
 * Set any property to a number or a string to apply that value as a fixed gutter size. Set it to an array of responsive breakpoints to allow different gutter sizes in relation to the current Form width.
 * Numeric values are interpreted as pixels. String values can include units like `px`, `rem`, `em`, etc.
 *
 * @example
 * ```ts
 * const formGutters: Gutters = {
 *   cols: 16,
 *   rows: '1rem'
 * };
 * ```
 */
export interface Gutters {
    /**
     * Defines the gutters for the columns in the Form.
     */
    cols?: number | string | ResponsiveFormBreakPoint[];
    /**
     * Defines the gutters for the rows in the Form.
     */
    rows?: number | string | ResponsiveFormBreakPoint[];
}