mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-09 16:52:17 +01:00
29 lines
726 B
Vue
29 lines
726 B
Vue
<script setup lang="ts">
|
|
import type { Component } from 'vue';
|
|
|
|
defineProps<{
|
|
title: string;
|
|
icon?: Component;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex w-full items-center justify-between pb-2.5 lg:pb-4">
|
|
<h3
|
|
class="text-white font-bold text-sm lg:text-base flex items-center space-x-2 lg:space-x-2.5">
|
|
<component
|
|
v-if="icon"
|
|
:is="icon"
|
|
class="w-5 lg:w-6 text-icon-default"></component>
|
|
<span>
|
|
{{ title }}
|
|
</span>
|
|
</h3>
|
|
<div class="flex-1 flex justify-end items-center">
|
|
<slot name="actions"></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|