import type { SVGProps } from "react";

export interface MotifCircleProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * Brand motif — filled circle shape
 * Part of the BrightLocal brand motif set (circle, sparkle, sunrise, starburst)
 *
 * @example
 * <MotifCircle size={24} />
 * <MotifCircle size={32} className="text-primary" />
 */
export const MotifCircle = ({ size = 16, ...props }: MotifCircleProps) => (
  <svg
    aria-hidden="true"
    fill="currentColor"
    height={size}
    viewBox="0 0 500 500"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M250 500C388.071 500 500 388.071 500 250C500 111.929 388.071 0 250 0C111.929 0 0 111.929 0 250C0 388.071 111.929 500 250 500Z" />
  </svg>
);