/* eslint-disable react/prop-types */
import React from 'react';

export default function LottoIcon({ number }) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
      <circle cx="22" cy="22" r="20" fill="#4453AC" />
      <circle cx="22" cy="22" r="19" fill="#fff" />
      <circle cx="22" cy="22" r="18" fill="#4453AC" />
      <circle cx="22" cy="22" r="13" fill="#fff" />
      <text
        x="22"
        y="24"
        font-size="16"
        fill="black"
        font-weight="700"
        text-anchor="middle"
        dominant-baseline="middle"
      >
        {number}
      </text>
    </svg>
  );
}
