import Color from '../constants/Color';
import IconType from '../constants/IconType';
export declare enum IconSize {
    XXL = 72,
    XL = 42,
    L = 28,
    M = 18,
    S = 14
}
export type IconProps = {
    icon: IconType;
    size?: IconSize;
    color?: Color;
    className?: string;
    dataQA?: string;
};
export declare function BCIcon({ icon, size, color, className, dataQA }: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
export interface BCIconsProps {
    width?: string | number;
    height?: string | number;
    fill?: string;
}
export declare const BCIcons: {
    WhatsApp: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Instagram: ({ width, height }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Facebook: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Telegram: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Google: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Broadcast: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Bot: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    FileExport: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    CSV: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Excel: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Filter: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Sort: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Dashboard: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Inbox: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    ContactBook: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Contact: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    ContactLifeCycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    LinkedAgent: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    MirroringScreen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Managemnet: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Agents: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Ai: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    AiAssistant: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    APIKey: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Webhooks: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    ConvLifecycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Channels: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Flag: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    RatingSettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    CrumbySettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    CrumbyAIIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    File: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Files: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoxIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    PdfIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    PngIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    InformationCircle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    LeadingClose: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    LeadingOpen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Upload: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Import: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Close: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Text: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Website: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Integration: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    FineTuning: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Prompts: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    SuggestedQs: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    GeneralSettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Resource: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    ResourceAdd: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Language: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Edit: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Delete: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Calendar: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    AddUser: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SearchIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ActiveChat: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ClosedChat: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SingleGrayCheck: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleGrayCheck: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleGreenCheck: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ExclamationMark: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ImageIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Spinner: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Marker: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DetailsMarker: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    IdCard: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Email: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Phone: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Pencil: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    NewChat: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    UnAssignUser: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    AssignUser: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    StageChanged: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleChat: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CloseChat: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    AddNote: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    MagicPencil: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleStar: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Note: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    EndChat: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    UpArrow: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DownArrow: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    BIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CopyIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    UploadFile: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SendArrow: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CircleStop: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Mobile: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ClientId: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    NotFount: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    UnderScorePen: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CancelIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SaveIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    BroadcastHistory: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DraftBroadcastIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    ScheduledBroadcastIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    InProgressBroadcastIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleHollowChecks: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    FailedBroadcastIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CostIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ArchivedClient: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ActiveCient: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CancelDialogIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CheckBoxIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    InboxAccessIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleSolidChecks: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleDollarSigns: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DoubleChats: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SingleCheck: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CircledCross: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Clock: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    WhatsappBackArrow: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    WhatsappCall: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    WhatsappVideoCall: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    BCrumbsSlug: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    MultiplicationSign: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    InfoCircle: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ChevronDown: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    CrumbySettingsEntry: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    DashboardStatisticCard: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    FeedbackIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Chatting: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Plus: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SingleHollowCheck: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    EmptyBCrumbsSlug: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    GupshupIcon: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Robot: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    HelpCircle: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SingleUser: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    ChatWithBubble: ({ width, height, fill }: {
        width?: number | undefined;
        height?: number | undefined;
        fill?: string | undefined;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
};