import React from "react"; export declare const Wrapper: import("styled-components").StyledComponent< "div", import("styled-components").DefaultTheme, {}, never >; export declare const ArrowWrapper: import("styled-components").StyledComponent< "div", import("styled-components").DefaultTheme, { clickable: boolean; }, never >; export declare const SectionBreak: import("styled-components").StyledComponent< "div", import("styled-components").DefaultTheme, {}, never >; export declare const BottomGrouping: import("styled-components").StyledComponent< "div", import("styled-components").DefaultTheme, {}, never >; export declare const ErrorText: import("styled-components").StyledComponent< React.FunctionComponent, import("styled-components").DefaultTheme, { severity?: 0 | 2 | 1 | 3 | 4 | undefined; }, never >; export declare const ErrorPill: import("styled-components").StyledComponent< React.FunctionComponent, import("styled-components").DefaultTheme, { severity?: 0 | 2 | 1 | 3 | 4 | undefined; }, never >; export declare const StyledBalanceMaxMini: import("styled-components").StyledComponent< "button", import("styled-components").DefaultTheme, {}, never >; export declare const TruncatedText: import("styled-components").StyledComponent< React.FunctionComponent, import("styled-components").DefaultTheme, {}, never >; export declare const Dots: import("styled-components").StyledComponent< "span", import("styled-components").DefaultTheme, {}, never >; export declare function SwapCallbackError({ error, }: { error: string; }): JSX.Element; export declare const SwapShowAcceptChanges: import("styled-components").StyledComponent< "div", import("styled-components").DefaultTheme, { gap?: string | undefined; justify?: | "end" | "start" | "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | undefined; }, never >; export declare const Separator: import("styled-components").StyledComponent< "div", import("styled-components").DefaultTheme, {}, never >;