frovide.com/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
Insub Kim 91426ef89b
All checks were successful
main-branch-frovide/pipeline/head This commit looks good
shad-cn component 적용
suit 웹폰트 적용
2025-06-07 02:09:03 +09:00

29 lines
703 B
Svelte

<script lang="ts">
import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: RangeCalendarPrimitive.PrevButtonProps = $props();
</script>
{#snippet Fallback()}
<ChevronLeftIcon class="size-4" />
{/snippet}
<RangeCalendarPrimitive.PrevButton
bind:ref
class={cn(
buttonVariants({ variant: "outline" }),
"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
className
)}
children={children || Fallback}
{...restProps}
/>