import { forwardRef, SVGProps } from 'react';

type DotsProps = SVGProps<SVGSVGElement>;

type DotsRef = SVGSVGElement;

export const Dots = forwardRef<DotsRef, DotsProps>((delegated, ref) => {
  return (
    <svg ref={ref} width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" {...delegated}>
      <circle cx="10" cy="5" r="1.7857" fill="#9095A8" />
      <circle cx="10" cy="10" r="1.7857" fill="#9095A8" />
      <circle cx="10" cy="15" r="1.7857" fill="#9095A8" />
    </svg>
  );
});

Dots.displayName = 'DotsIcon';
