declare type Gap = {
    horizontal?: number;
    vertical?: number;
};
declare type ShowcasesProps = {
    /**
    Array of css classes to be showcased
     */
    showcaseClasses?: string[];
    /**
    Array of css styles to be showcased
     */
    showcaseStyles?: {
        [key: string]: any;
    }[];
    /**
    The component type to be used to showcase.
     */
    showcaseComponent?: 'box' | 'text';
    /**
    The showcase component props.
     */
    componentProps?: Record<string, any>;
    /**
    The gap between showcase components.
     */
    gap?: Gap;
};
/**
 A component used to generate showcases for different variations of styles, classes.
 */
export declare const Showcases: ({ showcaseClasses, showcaseStyles, showcaseComponent, componentProps, gap, }: ShowcasesProps) => JSX.Element;
export {};