/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
/**
 * Represents the props of the [Kendo UI for Vue StackLayout component]({% slug overview_stacklayout %}).
 */
export interface StackLayoutProps {
    /**
     * Sets the `id` property of the root StackLayout element.
     */
    id?: string;
    /**
     * Specifies the gap between the inner elements ([see example]({% slug layout_stacklayout_gaps %})).
     */
    gap?: number | string;
    /**
     * Specifies the orientation of the StackLayout.
     * ([see example]({% slug layout_stacklayout_orientation %})).
     *
     * The possible values are:
     * * (Default)`horizontal`
     * * `vertical`
     */
    orientation?: StackLayoutOrientation | string;
    /**
     * Specifies the horizontal and vertical alignment of the inner StackLayout elements.
     * Demo ([here]({% slug layout_stacklayout_alignment %}#toc-horizontal-alignment)) and ([here]({% slug layout_stacklayout_alignment %}#toc-vertical-alignment)).
     *
     * The possible keys are:
     * * `horizontal`—Defines the possible horizontal alignment of the inner StackLayout elements.
     *   * `start`—Uses the start point of the container.
     *   * `center`—Uses the central point of the container.
     *   * `end`—Uses the end point of the container.
     *   * (Default)`stretch`—Stretches the items to fill the width of the container.
     * * `vertical`—Defines the possible vertical alignment of the inner StackLayout elements.
     *   * `top`—Uses the top point of the container.
     *   * `middle`—Uses the middle point of the container.
     *   * `bottom`—Uses the bottom point of the container.
     *   * (Default)`stretch`—Stretches the items to fill the height of the container.
     */
    align?: StackLayoutAlign;
}
/**
 * Specifies the orientation of the StackLayout ([see example]({% slug layout_stacklayout_orientation %})).
 *
 * The possible values are:
 * * (Default)`horizontal`
 * * `vertical`
 *
 */
export type StackLayoutOrientation = 'horizontal' | 'vertical';
/**
 * Specifies the horizontal and vertical alignment of the inner StackLayout elements.
 */
export interface StackLayoutAlign {
    /**
     * Defines the possible horizontal alignment of the inner StackLayout elements
     * ([see example]({% slug layout_stacklayout_alignment %}#toc-horizontal-alignment)).
     *
     * The available values are:
     * - `start`—Uses the start point of the container.
     * - `center`—Uses the center point of the container.
     * - `end`—Uses the end point of the container.
     * - (Default)`stretch`—Stretches the items to fill the width of the container.
     */
    horizontal?: 'start' | 'center' | 'end' | 'stretch';
    /**
     * Defines the possible vertical alignment of the inner StackLayout elements
     * ([see example]({% slug layout_stacklayout_alignment %}#toc-vertical-alignment)).
     *
     * The available values are:
     * - `top`—Uses the top point of the container.
     * - `middle`—Uses the middle point of the container.
     * - `bottom`—Uses the bottom point of the container.
     * - (Default)`stretch`—Stretches the items to fill the height of the container.
     */
    vertical?: 'top' | 'middle' | 'bottom' | 'stretch';
}