import { Responsive } from './util';

declare const alignValues: readonly [{
    readonly key: "start";
    readonly value: "flex-start";
}, {
    readonly key: "center";
    readonly value: "center";
}, {
    readonly key: "end";
    readonly value: "flex-end";
}, {
    readonly key: "baseline";
    readonly value: "baseline";
}, {
    readonly key: "stretch";
    readonly value: "stretch";
}];
export declare const align: readonly [{
    readonly key: "align";
    readonly className: "teddy-ai";
    readonly values: readonly [{
        readonly key: "start";
        readonly value: "flex-start";
    }, {
        readonly key: "center";
        readonly value: "center";
    }, {
        readonly key: "end";
        readonly value: "flex-end";
    }, {
        readonly key: "baseline";
        readonly value: "baseline";
    }, {
        readonly key: "stretch";
        readonly value: "stretch";
    }];
}];
/**
 * The alignment of the grid items. It can be 'start', 'center', 'end', 'baseline', 'stretch' or a responsive value.
 * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
 * @example align={{ sm: 'start', md: 'center' }}
 * @default 'stretch'
 */
export type Align = Responsive<(typeof alignValues)[number]['key']>;
export {};