diff options
Diffstat (limited to 'cmd/mirumd/web/components/ui/separator.tsx')
| -rw-r--r-- | cmd/mirumd/web/components/ui/separator.tsx | 30 | +30 −0 |
1 files changed, 30 insertions, 0 deletions
diff --git a/cmd/mirumd/web/components/ui/separator.tsx b/cmd/mirumd/web/components/ui/separator.tsx new file mode 100644 --- /dev/null +++ b/cmd/mirumd/web/components/ui/separator.tsx @@ -0,0 +1,30 @@ +// Copyright (c) 2023 shadcn +// SPDX-License-Identifier: MIT +"use client" + +import * as React from "react" +import { Separator as SeparatorPrimitive } from "radix-ui" + +import { cn } from "@/lib/utils" + +function Separator({ + className, + orientation = "horizontal", + decorative = true, + ...props +}: React.ComponentProps<typeof SeparatorPrimitive.Root>) { + return ( + <SeparatorPrimitive.Root + data-slot="separator" + decorative={decorative} + orientation={orientation} + className={cn( + "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", + className + )} + {...props} + /> + ) +} + +export { Separator } |