<script setup lang="ts">
const props = defineProps({
  icon: {
    type: String,
    default: "it-icon-info",
  },
  color: {
    type: String,
    default: "text-inherit",
  },
});
</script>

<template>
  <div class="mb-8 flex items-center space-x-4 border px-8 py-4">
    <component
      :is="props.icon"
      :class="['block aspect-square h-16 w-auto', props.color]"
    />
    <slot name="content"></slot>
  </div>
</template>
