///
export declare const Container: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const Header: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const Content: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const ContentLine: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
interface RatioBarProps {
ratio: number;
}
export declare const RatioBar: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
} & RatioBarProps, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const MonomerName: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export {};