import React from 'react';
import { Theme } from '@storybook/theming';
import { CreeveySuite } from '../../../../types.js';
export interface SuiteLinkProps {
    title: string;
    suite: CreeveySuite;
    'data-testid'?: string;
}
export declare const Container: React.FC<Pick<{
    theme?: Theme;
    as?: React.ElementType;
} & {
    theme: Theme;
    disabled?: boolean;
    active?: boolean;
    focused?: boolean;
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
    children?: React.ReactNode | undefined;
}, "as" | keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | "disabled" | "active" | "focused"> & {
    theme?: Theme;
}>;
export declare const Button: React.FC<Pick<{
    theme?: Theme;
    as?: React.ElementType;
} & {
    theme: Theme;
    active?: boolean;
} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
    children?: React.ReactNode | undefined;
}, "as" | "active" | keyof React.ClassAttributes<HTMLButtonElement> | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
    theme?: Theme;
}>;
export declare const SuiteContainer: import("@storybook/theming").StyledComponent<{
    theme?: Theme;
    as?: React.ElementType;
} & {
    padding: number;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const SuiteTitle: import("@storybook/theming").StyledComponent<{
    theme?: Theme;
    as?: React.ElementType;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare function SuiteLink({ title, suite, 'data-testid': dataTid }: SuiteLinkProps): JSX.Element;