mirror of
https://github.com/abhinavxd/libredesk.git
synced 2025-10-28 18:43:38 +00:00
30 lines
747 B
Vue
30 lines
747 B
Vue
<script setup>
|
|
import { cn } from '@/lib/utils';
|
|
import { Button } from '@/components/ui/button';
|
|
import { ChevronLeftIcon } from '@radix-icons/vue';
|
|
import { PaginationPrev } 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>
|
|
<PaginationPrev v-bind="delegatedProps">
|
|
<Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
|
|
<slot>
|
|
<ChevronLeftIcon />
|
|
</slot>
|
|
</Button>
|
|
</PaginationPrev>
|
|
</template>
|