<script setup lang="ts">
const props = defineProps({
  vertical: {
    type: Boolean,
    default: false,
  },
  lineGradientFrom: {
    type: String,
    default: 'primary',
  },
  lineGradientTo: {
    type: String,
    default: 'primary',
  },
})
</script>

<template>
  <div
    :class="{
      'w-full h-px': !vertical,
      'w-px h-full': vertical,
      [`from-${lineGradientFrom}-500/50`]: true,
      [`to-${lineGradientTo}-300/50`]: true,
    }"
    class="bg-linear-to-r rounded-full my-4"
  ></div>
</template>

<style scoped></style>
