All files / app/components/icons delegated-icon.tsx

0% Statements 0/5
0% Branches 0/1
0% Functions 0/1
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18                                   
import { Box, color } from '@stacks/ui';
import React, { FC } from 'react';
 
interface DelegatedIconProps {
  size?: string;
}
 
export const DelegatedIcon: FC<DelegatedIconProps> = ({ size = '20px' }) => (
  <Box size={size}>
    <svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="11.4921" cy="10.1332" r="8.7582" stroke="#C5CCFF" strokeWidth="1.5" />
      <circle cx="17.7211" cy="16.3635" r="2.13934" fill="#7F80FF" stroke={color('bg')} />
      <circle cx="2.63934" cy="9.80585" r="2.13934" fill="#AAB3FF" stroke={color('bg')} />
      <circle cx="17.7211" cy="3.90253" r="2.13934" fill="#5546FF" stroke={color('bg')} />
    </svg>
  </Box>
);