import React from "react";
import { CardProps } from "@mui/material";
/** Props for a card widget that can be placed in a grid layout */
export interface WidgetCardProps extends CardProps {
    /** Card header title */
    title: string;
    /** CSS grid column placement, preferred way is `span {n}` and let the grid handle the layout */
    gridColumn: string | {
        xs?: string;
        sm?: string;
        md?: string;
        lg?: string;
        xl?: string;
    };
    /** CSS grid row placement, preferred way is `span {n}` and let the grid handle the layout */
    gridRow: string | {
        xs?: string;
        sm?: string;
        md?: string;
        lg?: string;
        xl?: string;
    };
    /** Display order of this element. Use this rather than the column or row to decide the order
     *  and let the grid handle the layout.
     * @default: 100 */
    order?: number | {
        xs?: number;
        sm?: number;
        md?: number;
        lg?: number;
        xl?: number;
    };
}
export declare const WidgetCard: React.FC<WidgetCardProps>;
export default WidgetCard;