CoinbaseLogo.tsx

export function CoinbaseLogo(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      width={props.width ?? '100%'}
      height={props.height ?? '100%'}
      viewBox="0 0 40 40"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z"
        fill="#0B5AFF"
      />
      <g clipPath="url(#clip0_931_19910)">
        <path
          d="M20.0226 26C16.7014 26 14.0113 23.315 14.0113 20C14.0113 16.685 16.7014 14 20.0226 14C22.9981 14 25.4677 16.165 25.9437 19H32C31.489 12.84 26.3244 8 20.0226 8C13.3851 8 8 13.375 8 20C8 26.625 13.3851 32 20.0226 32C26.3244 32 31.489 27.16 32 21H25.9437C25.4677 23.835 22.9981 26 20.0226 26Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_931_19910">
          <rect
            width="24"
            height="24"
            fill="white"
            transform="translate(8 8)"
          />
        </clipPath>
      </defs>
    </svg>
  );
}

TaxKitProviderExample.tsx

<TaxKitProvider
      fetchAccessToken={fetchUserToken}
      apiBaseUrl={isLocal ? "https://embedded-staging.cointracker.com" : "https://embedded.cointracker.com"}
      mode="alpha"
      partnerIcon={<CoinbaseLogo />}
      themeMode={themeMode}
      onPartnerImportTransactionsSuccess={() => console.log("User Authorized import")}
      onDisconnectUser={() => console.log("user disconnect")}
      themeContract={{
        light: {
          radius: '0.5rem',
          spacing: '0.25rem',
          fontSans: '"Inter", sans-serif',
          background: 'rgb(255, 255, 255)',
          foreground: 'rgb(10, 10, 12)',
          primary: 'rgb(0, 102, 255)',
          secondary: 'rgb(234, 236, 240)',
          muted: 'rgb(99, 102, 107)',
          mutedForeground: 'rgb(100, 105, 110)',
          accent: 'rgb(179, 217, 255)',
          destructive: 'rgb(255, 51, 51)',
          warning: 'rgb(237,112,47)',
          success: 'rgb(0, 153, 52)',
          border: 'rgb(204, 230, 255)',
          input: 'rgb(204, 230, 255)',
        },
        dark: {
          radius: '0.5rem',
          spacing: '0.25rem',
          fontSans: '"Inter", sans-serif',
          background: 'rgb(10,11,13)',
          foreground: 'rgb(245,248,255)',
          primary: 'rgb(55,115,245)',
          secondary: 'rgb(40,43,49)',
          muted: 'rgb(70,75,85)',
          mutedForeground: 'rgb(60,70,80)',
          accent: 'rgb(70,75,85)',
          destructive: 'rgb(207,32,47)',
          success: 'rgb(39,173,117)',
          warning: 'rgb(213,76,18)',
          border: 'rgb(91,97,110)',
          input: 'rgb(91,97,110)',
        },
      }}
    >


</TaxKitProvider>