<!-- SideBarMakeName.vue -->
<template>
  <div class="sidebar-make-name">
    <h2 class="make-name-text">{{ makeName }}</h2>
    <div v-if="subtitle" class="make-subtitle">{{ subtitle }}</div>
  </div>
</template>

<script setup>
const props = defineProps({
  makeName: {
    type: String,
    default: ''
  },
  subtitle: {
    type: String,
    default: ''
  }
});
</script>

<style scoped>
.sidebar-make-name {
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.make-name-text {
  color: var(--sidebar-color);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

.make-subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.85rem;
  margin-top: 5px;
}
</style>