import { forwardRef, SVGProps } from 'react';

type UserCardProps = SVGProps<SVGSVGElement>;

type UserCardRef = SVGSVGElement;

export const UserCard = forwardRef<UserCardRef, UserCardProps>((delegated, ref) => {
  return (
    <svg ref={ref} width="17" height="16" viewBox="0 0 17 16" fill="none" {...delegated}>
      <rect x="2.184" y="4.2" width="13.6" height="8.6" rx=".8" fill="#BFF6F8" stroke="#528693" strokeWidth=".4" />
      <circle cx="5.984" cy="8.5" r="2.2" fill="#fff" stroke="#528693" strokeWidth=".4" />
      <path
        d="M13.484 8.2a.7.7 0 1 0 0-1.4h-3.5a.7.7 0 1 0 0 1.4h3.5ZM10.484 10.2a.7.7 0 1 0 0-1.4h-.5a.7.7 0 1 0 0 1.4h.5Z"
        fill="#fff"
        stroke="#528693"
        strokeWidth=".4"
      />
    </svg>
  );
});

UserCard.displayName = 'UserCardIcon';
