<template>
  <div :key="builder.id">
    <v-card-text :color="titleColor">
      <slot name="title"><span>Unimplemented</span></slot>
    </v-card-text>
    <v-card-text>
      <slot name="text">
        Unimplemented builder panel
      </slot>
      <div><v-btn variant="tonal" color="error" @click="co.removeBuilder(builder)" prepend-icon="mdi-delete">DELETE</v-btn></div>
    </v-card-text>
  </div>
</template>

<script setup>
import {useChartOrderStore} from "@/orderbuild.js";
import {computed} from "vue";

const props = defineProps(['builder', 'color', 'colorTag'])
const co = useChartOrderStore()

const titleColor = computed(()=>props.color ? props.color : props.colorTag ? props.builder.props[props.colorTag]?.linecolor : props.builder.props.a.linecolor )

</script>

<style scoped lang="scss">

</style>