interface StyleShowcasesProps {
    /**
      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>;
    /**
      The prefix of the css props to showcase.
    */
    prefix: string;
    /**
      The style key to use for showcasing.
    */
    styleKey?: string;
    /**
      Specifies the distance between rendered components, to adjust the layout.
    */
    gap?: {
        horizontal?: number;
        vertical?: number;
    };
    /**
      The component type to be used to showcase.
     */
    showcaseComponent?: 'box' | 'text';
}
/**
  With the Styleshowcase component you can render CSS custom properties showcases based on a prefix and a style key.
*/
export declare const StyleShowcases: ({ prefix, styleKey, componentProps, showcaseComponent, gap, }: StyleShowcasesProps) => JSX.Element;
export {};