mirror of
https://github.com/abhinavxd/libredesk.git
synced 2025-10-25 00:53:43 +00:00
30 lines
743 B
Vue
30 lines
743 B
Vue
<script setup>
|
|
import { cn } from '@/lib/utils';
|
|
import { Button } from '@/components/ui/button';
|
|
import { ChevronsLeft } from 'lucide-vue-next';
|
|
import { PaginationFirst } from 'reka-ui';
|
|
import { computed } from 'vue';
|
|
|
|
const props = defineProps({
|
|
asChild: { type: Boolean, required: false, default: true },
|
|
as: { type: null, required: false },
|
|
class: { type: null, required: false },
|
|
});
|
|
|
|
const delegatedProps = computed(() => {
|
|
const { class: _, ...delegated } = props;
|
|
|
|
return delegated;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<PaginationFirst v-bind="delegatedProps">
|
|
<Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
|
|
<slot>
|
|
<ChevronsLeft />
|
|
</slot>
|
|
</Button>
|
|
</PaginationFirst>
|
|
</template>
|