<script lang="ts">
  let { size = 40, animate = false, color = '#FD7E14' }: { size?: number; animate?: boolean; color?: string } = $props();
</script>
<svg width={size} height={size} viewBox="0 0 48 48" fill="none">
  <rect x="6" y="28" width="36" height="10" rx="3" fill={color} opacity="0.18" />
  <rect x="6" y="28" width="36" height="3" rx="1.5" fill={color} opacity="0.32" />
  <circle cx="14" cy="26" r="2.4" fill={color} />
  <circle cx="20" cy="26" r="2.4" fill={color} />
  <circle cx="26" cy="26" r="2.4" fill={color} opacity="0.6" />
  <g class={animate ? 'ic-chop' : ''} style="transform-origin: 38px 26px">
    <rect x="32" y="12" width="3.5" height="14" rx="1.2" fill="#3A2A40" />
    <path d="M35.5 12 L40 8 L40 24 L35.5 26 Z" fill="#C8CDD4" stroke="#3A2A40" stroke-width="0.8" />
  </g>
</svg>
