<script setup lang="ts">
import { type PastelProps, propsToColor } from '~/composables/colors'

type Props = PastelProps

const props = defineProps<Props>()
</script>

<template>
  <div
    class="funkwhale is-colored solid alert"
    v-bind="propsToColor(props)"
  >
    <slot />

    <div v-if="$slots.actions" class="actions">
      <slot name="actions" />
    </div>
  </div>
</template>

<style lang="scss">
@import './alert.scss'
</style>
