interface TailwindShowcasesProps {
    /**
      Props of component used to render the variations of the specified theme key.
      The component will be either a box or text depending on the theme key.
    */
    componentProps?: Record<string, any>;
    /**
      A theme object that minds the tailwindcss theme structure.
    */
    theme?: Record<string, any>;
    prefix: string;
    /**
      The key from the theme for which to showcase the variations.
    */
    showcaseKey: string;
    /**
      Specifies the distance between rendered components, to adjust the layout.
    */
    gap?: {
        horizontal?: number;
        vertical?: number;
    };
}
export declare const buildShowcaseDetails: (prefix?: string) => {
    backgroundColor: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    backgroundImage: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    opacity: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    shadow: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    borderRadius: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    borderWidth: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    borderColor: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    fontFamily: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    fontSize: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    fontWeight: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    textColor: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    letterSpacing: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    lineHeight: {
        component: string;
        getClasses: (suffixes: Record<string, any>) => any;
    };
    zIndex: {
        renderShowcases: (theme: Record<string, any>) => JSX.Element;
    };
    space: {
        renderShowcases: (theme: Record<string, any>) => JSX.Element;
    };
};
/**
  With the TailwindShowcases component you can render all variations of a property from
  the tailwindcss theme.
*/
export declare const TailwindShowcases: ({ theme: partialTheme, prefix, showcaseKey, componentProps, gap, }: TailwindShowcasesProps) => any;
export {};