> ## Documentation Index
> Fetch the complete documentation index at: https://docs.malga.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Introdução

export const CheckIcon = ({mode, type, id}) => {
  const colorIcons = {
    'error': '#919191',
    'success': '#00AE42',
    'noSupported': '#919191'
  };
  const foundColor = colorIcons[mode];
  const iconType = mode === 'noSupported' ? type : `circle-${type}`;
  return <div className="check-icon" id={id}>
      <Icon icon={iconType} iconType="regular" color={foundColor} size={18} />
    </div>;
};

export const ProviderImage = ({src, backgroundColor = '#F9F9F9', children, docUrl, id}) => {
  const borderColors = {
    '#F9F9F9': '#E5E5E5',
    '#030303': '#4D4D4D'
  };
  const borderColor = borderColors[backgroundColor];
  const img = <>
    <img className="rounded-lg p-2 m-0" id={id} src={src} noZoom style={{
    background: backgroundColor,
    border: `solid 3px ${borderColor}`,
    width: "36px",
    height: "36px"
  }} />
    <p className="m-0">{children}</p>
  </>;
  if (docUrl) {
    return <a className="flex items-center gap-2 flex-row border-none" href={docUrl}>
        {img}
      </a>;
  }
  return <div className="flex items-center gap-2 flex-row" href={docUrl}>
      {img}
    </div>;
};

Aqui você encontra uma visão geral dos produtos de antifraude disponíveis para integração:

| Provedor                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |                  Realtime                 |                 Assíncrono                |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :---------------------------------------: | :---------------------------------------: |
| <ProviderImage src="https://malga-docs-prod.s3.amazonaws.com/icons/clearsale.svg">Clearsale Realtime Decision</ProviderImage>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | <CheckIcon type="check" mode="success" /> |  <CheckIcon type="xmark" mode="error" />  |
| <ProviderImage src="https://malga-docs-prod.s3.amazonaws.com/icons/clearsale.svg">Clearsale Tickets</ProviderImage>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | <CheckIcon type="check" mode="success" /> | <CheckIcon type="check" mode="success" /> |
| <ProviderImage src="https://malga-docs-prod.s3.amazonaws.com/icons/clearsale.svg">Clearsale Total</ProviderImage>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | <CheckIcon type="check" mode="success" /> | <CheckIcon type="check" mode="success" /> |
| <ProviderImage src="https://storage.googleapis.com/remote-rocket.appspot.com/B2e%20Group.jpeg?GoogleAccessId=firebase-adminsdk-ptm37%40remote-rocket.iam.gserviceaccount.com&Expires=16447010400&Signature=MX8j6DiYXZvqloOXFZzOazTXGFklt4nbnpPUiQrsskqMy%2Fl6jaeqzDE25cb3kQQY%2FgPqWyhfg7MkvGtgYvb9L3odfetI7JDsZz2V8miO2IFNf2PoScrocqQzbZjhjBlueGcpeImlSJDY9twoRtSV3SQEa7ZRfNQGYg0XJUw%2FQMSG8EvC07erk2DlmIYruw%2Bk8HhWGBOUK7Eh%2BuL0o%2B0TZvga8We4e9adb73IhURzIo2MQwB8C2%2BiAFpYm3b%2BQ85b%2BDE27rx7%2BkQ7ApJk1LJIXE%2BGmy5K7j7dAlxw2WquDi%2BdpUqAt17HvN01Brpqaq0LyCCeKTnsNe%2B%2BqE44LDGQGA%3D%3D">B2E group</ProviderImage> |  <CheckIcon type="xmark" mode="error" />  | <CheckIcon type="check" mode="success" /> |
| <ProviderImage src="https://malga-docs-prod.s3.amazonaws.com/icons/konduto.svg">Konduto</ProviderImage>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | <CheckIcon type="check" mode="success" /> | <CheckIcon type="check" mode="success" /> |