import { Ref } from 'react';
export interface GridStyle {
    cols?: number | string | undefined;
    rows?: number | string;
    customCols?: string;
    customRows?: string;
    gridGap?: number | string;
    mobileCols?: string;
    mobileLayout?: boolean;
    placeItems?: string;
    hideOnMobile?: boolean;
}
export declare const gridStyle: ({ cols, customCols, customRows, gridGap, mobileCols, mobileLayout, placeItems, hideOnMobile }: GridStyle) => string;
export interface FontStyle {
    size?: number | string | undefined;
    color?: string;
    bold?: boolean;
    textAlign?: number | string;
    placeSelf?: string;
    textShadow?: string;
}
export declare const fontStyle: ({ color, size, bold, textAlign, placeSelf, textShadow }: FontStyle | any, darkMode: boolean) => string;
export interface SizeStyle {
    width?: number | string | undefined;
    height?: number | string;
    max?: boolean;
    padding?: number | string;
    margin?: number | string;
    minWidth?: number | string;
}
export declare const sizeStyle: ({ width, height, max, padding, margin, minWidth }: any) => string;
export interface DesignStyle {
    shadow?: boolean;
    rounded?: boolean;
    bg?: string;
    background?: string;
    cursor?: string;
    hideOnMobile?: boolean;
}
export declare const designStyle: ({ shadow, rounded, bg, background, hideOnMobile, cursor }: DesignStyle) => string;
export interface ElementProps {
    className?: string;
    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
    style?: React.CSSProperties;
    ref?: Ref<any>;
}
export declare const elementProps: (props: ElementProps | any) => any;
//# sourceMappingURL=generator.d.ts.map