<script setup>
defineProps({
  type: {
    type: String,
    required: true,
  },
})
</script>

<template>
  <svg
    v-if="type === 'sedan'"
    viewBox="0 0 32 24"
    fill="none"
    stroke="currentColor"
    stroke-width="1.2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <path d="M 5 16 L 27 16 A 2 2 0 0 0 29 14 L 29 12 L 23 11 L 19 6 L 11 6 L 7 11 L 4 11 A 2 2 0 0 0 2 13 L 2 16 Z" />
    <circle cx="8" cy="16" r="2.5" />
    <circle cx="24" cy="16" r="2.5" />
  </svg>

  <svg
    v-else-if="type === 'suv'"
    viewBox="0 0 32 24"
    fill="none"
    stroke="currentColor"
    stroke-width="1.2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <path d="M 4 16 L 28 16 A 2 2 0 0 0 30 14 L 30 8 L 24 7 L 12 7 L 7 11 L 4 11 A 2 2 0 0 0 2 13 L 2 16 Z" />
    <circle cx="8" cy="16" r="2.5" />
    <circle cx="24" cy="16" r="2.5" />
  </svg>

  <svg
    v-else-if="type === 'premium'"
    viewBox="0 0 32 24"
    fill="none"
    stroke="currentColor"
    stroke-width="1.2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <path d="M 4 16 L 28 16 A 2 2 0 0 0 30 14 L 30 13 L 22 12 L 16 7 L 10 7 L 6 12 L 4 12 A 2 2 0 0 0 2 14 L 2 16 Z" />
    <circle cx="8" cy="16" r="2.5" />
    <circle cx="24" cy="16" r="2.5" />
  </svg>

  <svg
    v-else
    viewBox="0 0 32 24"
    fill="none"
    stroke="currentColor"
    stroke-width="1.2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <path d="M 4 16 L 28 16 A 2 2 0 0 0 30 14 L 30 7 L 26 6 L 10 6 L 5 11 L 4 11 A 2 2 0 0 0 2 13 L 2 16 Z" />
    <circle cx="8" cy="16" r="2.5" />
    <circle cx="24" cy="16" r="2.5" />
  </svg>
</template>
