import { ConcreteComponent } from 'vue';
import { FormButton } from '../../lib';
import { PropAnyComponent } from '../common/components';
import { MaybeNullOrUndefined } from '../../../../shared/dist/esm/index';
type FormButtonProps = InstanceType<typeof FormButton>['$props'];
export declare enum GridListToggleValue {
    Grid = "grid",
    List = "list"
}
export type LayoutTabItem<I extends string = string> = {
    title: string;
    id: I;
};
export type LayoutPageTabItem<I extends string = string> = {
    title: string;
    id: I;
    count?: number;
    tag?: string;
    icon?: PropAnyComponent;
    disabled?: boolean;
    disabledMessage?: string;
};
export type LayoutMenuItem<I extends string = string> = {
    icon?: ConcreteComponent;
    title: string;
    id: I;
    disabled?: MaybeNullOrUndefined<boolean>;
    disabledTooltip?: MaybeNullOrUndefined<string>;
    color?: 'danger' | 'info';
    active?: boolean;
};
export type LayoutDialogButton = {
    text: string;
    props?: Record<string, unknown> & FormButtonProps;
    onClick?: (e: MouseEvent) => void;
    disabled?: boolean;
    disabledMessage?: string;
    submit?: boolean;
    /**
     * This should uniquely identify the button within the form. Even if you have different sets
     * of buttons rendered on different steps of a wizard, all of them should have unique IDs to
     * ensure proper form functionality.
     */
    id?: string;
};
export type LayoutHeaderButton = {
    label: string;
    props: Record<string, unknown> & FormButtonProps;
    onClick?: (e: MouseEvent) => void;
};
export type LayoutTableColours = 'primary' | 'outline' | 'subtle' | 'danger';
export {};