<script setup lang="ts">
/**
 * Sceau hexagramme #48 Tsing 井 — géométrie SVG canonique.
 * viewBox 112×105, 6 traits (trait 1 en bas = dernier rect), coins vifs.
 * Réutilisable : stamp du logo (miniature), sceau de page (.app-seal), badges.
 */
const props = withDefaults(defineProps<{ size?: number }>(), { size: 44 })

const height = computed(() => Math.round((props.size * 105) / 112))
</script>

<template>
  <!-- ld-v2 -->
  <svg
    :width="size"
    :height="height"
    viewBox="0 0 112 105"
    fill="currentColor"
    aria-hidden="true"
  >
    <!-- Trait 6 (haut) — yin -->
    <rect x="6" y="6" width="42" height="8" />
    <rect x="64" y="6" width="42" height="8" />
    <!-- Trait 5 — yang -->
    <rect x="6" y="23" width="100" height="8" />
    <!-- Trait 4 — yin -->
    <rect x="6" y="40" width="42" height="8" />
    <rect x="64" y="40" width="42" height="8" />
    <!-- Trait 3 — yang -->
    <rect x="6" y="57" width="100" height="8" />
    <!-- Trait 2 — yang -->
    <rect x="6" y="74" width="100" height="8" />
    <!-- Trait 1 (bas) — yin -->
    <rect x="6" y="91" width="42" height="8" />
    <rect x="64" y="91" width="42" height="8" />
  </svg>
</template>
