react-native-ico-business/typings.d.ts

Business Icons for React Native

declare module 'react-native-ico-business' {
    import { ReactNode } from 'react';
    import { SvgProps } from 'react-native-svg';

    type AdditionalProps = {
      onError?: (error: Error) => void;
      onLoad?: () => void;
      fallback?: ReactNode;
    };

    type iconNames = 'line-chart-1' |
      'wagon' |
      'money' |
      'calendar' |
      'videocall' |
      'share-1' |
      'loss' |
      'pie-chart-1' |
      'thinking' |
      'file' |
      'file-7' |
      'money-bag-2' |
      'smartphone' |
      'idea-3' |
      'certificate' |
      'flask' |
      'placeholder' |
      'calendar-3' |
      'file-2' |
      'factory' |
      'line-chart-2' |
      'chat' |
      'money-bag-1' |
      'earth-globe' |
      'file-3' |
      'padlock' |
      'bar-chart' |
      'get-money-1' |
      'phone-call' |
      'monitor-2' |
      'ring' |
      'warehouse' |
      'trophy' |
      'balance' |
      'credit-card' |
      'file-6' |
      'mail' |
      'delivery-truck' |
      'cloud-computing' |
      '24-hours' |
      'target' |
      'worldwide' |
      'wallet' |
      'calendar-1' |
      'settings-1' |
      'monitor' |
      'worldwide-1' |
      'profits' |
      'briefcase' |
      'calendar-2' |
      'invoice' |
      'pie-chart' |
      'exchange-2' |
      'line-chart' |
      'networking' |
      'crane' |
      'idea-1' |
      'get-money' |
      'email' |
      'presentation' |
      'file-5' |
      'keyboard' |
      'tag' |
      'monitor-1' |
      'headset' |
      'money-bag' |
      'clock' |
      'file-1' |
      'hierarchical-structure' |
      'exchange-1' |
      'safebox' |
      'chat-1' |
      'share' |
      'piggy-bank' |
      'shield' |
      'map' |
      'badge' |
      'calendar-4' |
      'ship' |
      'compass' |
      'get-money-2' |
      'user-2' |
      'map-1' |
      'percentage' |
      'analytics' |
      'user-1' |
      'stopwatch' |
      'check' |
      'buildings' |
      'get-money-3' |
      'minimize' |
      'image' |
      'megaphone' |
      'idea' |
      'file-4' |
      'handshake' |
      'idea-2' |
      'worldwide-2' |
      'chat-2' |
      'umbrella' |
      'diamond' |
      'agenda' |
      'calculator' |
      'id-card' |
      'user' |
      'email-1' |
      'microscope' |
      'browser' |
      'bank' |
      'exchange' |
      'browser-1' |
      'line-chart-3' |
      'settings';

    type iconColors = '#1BA9D8' |
      '#1BB7EA' |
      '#1CA6D4' |
      '#1CA8D7' |
      '#1F4254' |
      '#7D8790' |
      '#96A0A8' |
      '#A4ABB1' |
      '#B4C0C6' |
      '#BEC7CB' |
      '#C2CACE' |
      '#C3CBCF' |
      '#C5CED3' |
      '#C7CED2' |
      '#C8CFD2' |
      '#D7DBDE' |
      '#D8DDDF' |
      '#DADEE0' |
      '#DCE0E2' |
      '#E8ECEE' |
      '#F2F2F2' |
      '#FFFFFF';

    type backgroundType = 'circle' | 'rect' | 'button';

    type colorsType = Record<iconColors, string>;

    type positionType = 'top' | 'bottom' | 'right' | 'left' |
      'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';

    type backgroundTypeObj = {
      type?: backgroundType;
      color?: string;
      radius?: number;
      borderRadius?: number;
    };

    type badgeTypeObj = {
      value?: number | string;
      fontSize?: string;
      position?: positionType;
      color?: string;
      colors: colorsType;
      backgroundColor?: string;
      radius?: number;
    };

    interface IconProps {
      name: iconNames;
      width?: number;
      height?: number;
      color?: string;
      colors?: colorsType;
      stroke?: number;
      background?: backgroundType | backgroundTypeObj;
      badge?: number | string | badgeTypeObj;
    }

    const Icon: (props: IconProps & SvgProps & AdditionalProps) => ReactNode;

    export { iconNames };
    export default Icon;
}