import { BoxProps, ButtonProps, FabProps, InputProps, PaperProps, ThemeOptions, TypographyProps } from '@mui/material';
import React from 'react';
import { NumericFormatProps } from 'react-number-format';
import { ToastContainerProps } from 'react-toastify';
export interface Overrides {
    /**
     * Swap card title, accept any react component or string
     */
    SwapCardTitle?: React.ReactNode;
    /**
     * react-tostify container props
     * docs: https://fkhadra.github.io/react-toastify/api/toast-container/
     */
    ToastContainer?: ToastContainerProps;
    /**
     * docs: https://mui.com/api/button/
     */
    ConnectionInfoButton?: ButtonProps;
    /**
     * docs: https://www.npmjs.com/package/react-number-format
     * docs: https://mui.com/material-ui/api/input/
     */
    SlippageInput?: NumericFormatProps<InputProps>;
    /**
     * docs: https://mui.com/api/paper/
     */
    SwapCard?: PaperProps;
    /**
     * docs: https://mui.com/api/typography/
     */
    ModalHeader?: TypographyProps;
    /**
     * docs: https://mui.com/api/fab/
     */
    SwitchSwapButton?: FabProps;
    /**
     * docs: https://mui.com/api/button/
     */
    ConfirmSwapButton?: ButtonProps;
    /**
     * docs: https://mui.com/api/button/
     */
    ApproveButton?: ButtonProps;
    /**
     * docs: https://mui.com/api/button/
     */
    WalletConnectButton?: ButtonProps;
    /**
     * docs: https://mui.com/material-ui/api/box/
     */
    SwapInputContainer?: BoxProps;
    /**
     * docs: https://www.npmjs.com/package/react-number-format
     */
    SwapInput?: NumericFormatProps;
    /**
     * The mui theme options for the light theme
     * @see https://mui.com/material-ui/customization/theming/ for customization
     */
    MuiThemeLight?: ThemeOptions;
    /**
     * The mui theme options for the dark theme
     * @see https://mui.com/material-ui/customization/theming/ for customization
     */
    MuiThemeDark?: ThemeOptions;
}
/**
 * Override colors and other component props (e.g. make wallet connect button bigger or change color). Can be used side by side with theme options
 */
export declare const OverrideProvider: ({ children, ...overridesOptions }: React.PropsWithChildren<Overrides>) => JSX.Element;
export declare const useOverrides: () => Overrides;
//# sourceMappingURL=OverrideProvider.d.ts.map