import '../layout-grid-cell/layout-grid-cell';
import './layout-grid';
import type { TemplateResult } from 'lit';
declare const _default: {
    title: string;
    component: string;
    argTypes: {
        gridPosition: {
            control: string;
            options: string[];
        };
        cell_1_desktop: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_2_desktop: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_3_desktop: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_4_desktop: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_1_tablet: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_2_tablet: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_3_tablet: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_4_tablet: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_1_phone: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_2_phone: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_3_phone: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        cell_4_phone: {
            name: string;
            control: {
                type: string;
                min: number;
                max: number;
                step: number;
            };
        };
        alignment: {
            control: string;
            options: string[];
        };
    };
};
export default _default;
interface Story<T> {
    (args: T): TemplateResult;
    args?: Partial<T>;
    argTypes?: Record<string, unknown>;
}
interface ArgTypes {
    gridPosition: 'left' | 'right' | 'center' | '';
    cell_1_desktop: number;
    cell_2_desktop: number;
    cell_3_desktop: number;
    cell_4_desktop: number;
    cell_1_tablet: number;
    cell_2_tablet: number;
    cell_3_tablet: number;
    cell_4_tablet: number;
    cell_1_phone: number;
    cell_2_phone: number;
    cell_3_phone: number;
    cell_4_phone: number;
    alignment: 'top' | 'middle' | 'bottom' | 'stretch' | '';
}
export declare const Default: Story<ArgTypes>;
export declare const PropFilled: Story<ArgTypes>;