interface SystemUIShowcasesProps {
    /**
      A theme object that minds the System UI theme spec
    */
    theme: Record<string, any>;
    /**
      The key from the theme for which to showcase the variations.
    */
    showcaseKey: string;
    /**
      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>;
    /**
      Specifies the distance between rendered components, used to adjust the layout.
    */
    gap?: {
        horizontal?: string;
        vertical?: string;
    };
}
export declare const showcaseKeys: string[];
/**
  With this component you can render all variations of a property from
  System UI specification abiding theme https://system-ui.com/theme/.
*/
export declare const SystemUIShowcases: ({ theme, showcaseKey, componentProps, gap, }: SystemUIShowcasesProps) => JSX.Element;
export {};