<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 512 512"
    :class="svgClass"
  >
    <ellipse cx="256" cy="256" rx="180" ry="170" fill="#FFDB58" />
    <circle cx="360" cy="180" r="90" fill="#FFDB58" />
    <circle cx="390" cy="160" r="15" fill="#333" />
    <path d="M430 190 L480 180 L430 210 Z" fill="#F97316" />
    <path d="M180 370 L150 410 L210 410 Z" fill="#F97316" />
    <path d="M300 370 L270 410 L330 410 Z" fill="#F97316" />
    <ellipse
      cx="200"
      cy="250"
      rx="60"
      ry="40"
      fill="#FFE082"
      transform="rotate(-10, 200, 250)"
    />
  </svg>
</template>

<script>
export default {
  name: "DuckSvg",
  props: {
    svgClass: {
      type: String,
      default: "",
    },
  },
};
</script>
