import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import * as _emotion_react from '@emotion/react';
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';

type IconProps = {
    className?: string;
    name: string;
    width: number;
    mr?: number;
    ml?: number;
    verticalAlign?: "middle" | "top" | "bottom" | "super" | number;
    color?: string | undefined;
    tutorialStep?: number;
};
declare function Icon({ className, name, width, tutorialStep, mr, ml, verticalAlign, color, }: IconProps): _emotion_react_jsx_runtime.JSX.Element;
type IconContainerProps = {
    w: number;
    mr: number;
    ml: number;
    verticalAlign: string | number;
    fontColor?: string | undefined;
};
declare const IconContainer: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: react.ElementType<any>;
} & IconContainerProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

export { Icon, IconContainer };
