import { FunctionComponent, ReactNode } from 'react';
import { Project } from '../../../../shared-logic/src/Project/types';
export declare type BadgeProps = {
    children?: ReactNode;
    color: 'green' | 'grey' | 'blue' | 'pink' | 'orange';
    scrollText?: string;
    activateScroll?: boolean;
};
export declare const Badge: FunctionComponent<BadgeProps>;
export declare const ProjectBadge: (props: {
    projectType: Project['type'];
    activateScroll?: boolean;
}) => JSX.Element | null;
export declare const MostPopularBadge: () => JSX.Element;
export declare const ExplorerBadge: () => JSX.Element;
export declare const SelfHostedBadge: (props: {
    activateScroll?: boolean;
    scrollText?: string;
}) => JSX.Element;
export declare const CloudBadge: () => JSX.Element;
export declare const ComingSoonBadge: () => JSX.Element;
export declare const MultiTenancyBadge: () => JSX.Element;
export declare const DataTypeBadge: (props: {
    dataType: string;
}) => JSX.Element;
