import { ark } from '@ark-ui/react/factory';
import type { ComponentProps } from 'react';
import { styled } from 'styled-system/jsx';

const StyledSvg = styled(ark.svg);

export type AudienceIconProps = ComponentProps<typeof StyledSvg>;

export const AudienceIcon = (props: AudienceIconProps) => (
  <StyledSvg
    viewBox="3.5 9.5 29 25"
    fill="currentColor"
    stroke="currentColor"
    strokeWidth="0.5"
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    {...props}
  >
    <path d="M14.7185 26.2188C14.7176 24.7667 13.5406 23.5905 12.0894 23.5905C10.6381 23.5905 9.46023 24.7675 9.46023 26.2196C9.46023 27.6717 10.6373 28.8487 12.0894 28.8487C13.5414 28.847 14.7176 27.67 14.7185 26.2188ZM10.7259 26.2188C10.7267 25.4661 11.3367 24.8561 12.0894 24.8561C12.842 24.8561 13.4529 25.467 13.4529 26.2196C13.4529 26.9722 12.842 27.5831 12.0894 27.5831C11.3359 27.5823 10.7259 26.9722 10.7259 26.2188ZM22.6303 26.2188C22.6303 24.7667 21.4524 23.5896 20.0004 23.5896C18.5483 23.5896 17.3704 24.7667 17.3704 26.2196C17.3704 27.6717 18.5474 28.8487 19.9995 28.8496C21.4516 28.8479 22.6278 27.6717 22.6295 26.2196L22.6303 26.2188ZM18.6369 26.2188C18.6369 25.4653 19.2477 24.8553 20.0012 24.8553C20.7547 24.8553 21.3655 25.4661 21.3655 26.2196C21.3655 26.9731 20.7547 27.5839 20.0012 27.5839C19.2477 27.5831 18.6369 26.9722 18.6369 26.2188ZM30.5405 26.2188C30.5396 24.7667 29.3626 23.5905 27.9114 23.5905C26.4601 23.5905 25.2822 24.7675 25.2822 26.2196C25.2822 27.6717 26.4593 28.8487 27.9114 28.8487C29.3626 28.8462 30.5388 27.67 30.5405 26.2188ZM26.5479 26.2188C26.5487 25.4661 27.1587 24.8561 27.9114 24.8561C28.664 24.8561 29.2749 25.467 29.2749 26.2196C29.2749 26.9722 28.6648 27.5831 27.9122 27.5831C27.1587 27.5831 26.5479 26.9722 26.5479 26.2188ZM27.9122 30.0418C26.2424 30.0511 24.7819 30.937 23.9677 32.2634L23.9559 32.2836C23.1357 30.9311 21.6718 30.0418 20.0004 30.0418C18.3289 30.0418 16.8641 30.9319 16.0558 32.2634L16.044 32.2836C15.2222 30.9311 13.7566 30.0418 12.0826 30.0418C9.87957 30.0418 8.03767 31.5833 7.57445 33.6463L7.56854 33.6775C7.55926 33.718 7.5542 33.7644 7.5542 33.8125C7.5542 34.1618 7.8377 34.4453 8.18701 34.4453C8.48823 34.4453 8.74051 34.2344 8.80379 33.9517L8.80464 33.9475C9.1472 32.4262 10.4871 31.3074 12.0877 31.3074C13.6883 31.3074 15.0281 32.4262 15.3665 33.9247L15.3707 33.9475C15.4348 34.2335 15.6871 34.4445 15.9875 34.4453C16.0052 34.4453 16.0246 34.4411 16.0423 34.4394C16.0609 34.4411 16.0794 34.4453 16.0972 34.4453C16.3984 34.4453 16.6507 34.2344 16.7131 33.9517L16.7139 33.9475C17.0565 32.4262 18.3964 31.3074 19.997 31.3074C21.5976 31.3074 22.9374 32.4262 23.2758 33.9247L23.28 33.9475C23.377 34.2318 23.6411 34.4318 23.9525 34.4318C24.2638 34.4318 24.5279 34.231 24.6233 33.9526L24.625 33.9475C24.9684 32.4262 26.3074 31.3074 27.9088 31.3074C29.5103 31.3074 30.8493 32.4262 31.1885 33.9247L31.1927 33.9475C31.2568 34.2344 31.5083 34.4453 31.8103 34.4453C31.8584 34.4453 31.9057 34.4394 31.9504 34.4293L31.9462 34.4301C32.233 34.366 32.444 34.1137 32.444 33.8117C32.444 33.7636 32.4389 33.7172 32.4288 33.6724L32.4296 33.6767C31.9504 31.5875 30.1119 30.0519 27.9122 30.0418ZM31.8129 9.55469H8.18786C7.83854 9.55469 7.55504 9.83819 7.55504 10.1875V22C7.55504 22.3493 7.83854 22.6328 8.18786 22.6328C8.53717 22.6328 8.82067 22.3493 8.82067 22V10.8203H20.0004H31.18V22C31.18 22.3493 31.4635 22.6328 31.8129 22.6328C32.1622 22.6328 32.4457 22.3493 32.4457 22V10.1875C32.4457 9.83819 32.1622 9.55469 31.8129 9.55469Z" />
  </StyledSvg>
);
