@props([
    'size' => 48,
])

@php
    // Determine dimensions
    $width = $size;
    $height = $size;
@endphp

<svg viewBox="0 0 100 100" class="daisy-avatar-svg {{ $attributes->get('class') }}" style="width: {{ $width }}px; height: {{ $height }}px; aspect-ratio: 1/1; border-radius: 50%; border: 2px solid #FFFFFF; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04); flex-shrink: 0; {{ $attributes->get('style') }}">
  <defs>
    <!-- Background Gradient (Soft Purple to Soft Orange/Yellow) -->
    <linearGradient id="daisyGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#C7D2FE" /> <!-- Soft Indigo/Purple -->
      <stop offset="50%" stop-color="#FCD34D" /> <!-- Soft Yellow -->
      <stop offset="100%" stop-color="#F97316" /> <!-- Soft Orange -->
    </linearGradient>
  </defs>
  
  <!-- Outer circle with gradient background -->
  <circle cx="50" cy="50" r="48" fill="url(#daisyGrad)" />
  
  <!-- Green Stem & Leaves -->
  <path d="M50,55 L50,85" stroke="#10B981" stroke-width="4" stroke-linecap="round" />
  <path d="M50,70 Q40,65 42,60 Q48,62 50,70" fill="#10B981" />
  <path d="M50,75 Q60,70 58,65 Q52,67 50,75" fill="#10B981" />
  
  <!-- Flower Petals (8 petals around center cx=50, cy=45) -->
  <g transform="translate(50, 45)">
    <!-- 8 Petals - Soft lavender/white -->
    <circle cx="0" cy="-18" r="8" fill="#F5F3FF" opacity="0.95" />
    <circle cx="0" cy="18" r="8" fill="#F5F3FF" opacity="0.95" />
    <circle cx="-18" cy="0" r="8" fill="#F5F3FF" opacity="0.95" />
    <circle cx="18" cy="0" r="8" fill="#F5F3FF" opacity="0.95" />
    
    <circle cx="-13" cy="-13" r="8" fill="#F5F3FF" opacity="0.95" />
    <circle cx="13" cy="13" r="8" fill="#F5F3FF" opacity="0.95" />
    <circle cx="13" cy="-13" r="8" fill="#F5F3FF" opacity="0.95" />
    <circle cx="-13" cy="13" r="8" fill="#F5F3FF" opacity="0.95" />
    
    <!-- Flower Center: orange/yellow -->
    <circle cx="0" cy="0" r="10" fill="#F59E0B" stroke="#D97706" stroke-width="1.5" />
  </g>
</svg>