Separator

1import { Separator as KobalteSeparator } from "@kobalte/core/separator";
2import type { Component } from "solid-js";
3import { splitProps } from "solid-js";
4import { cn } from "~/lib/utils";
5 
6export type SeparatorProps = {
7  orientation?: "horizontal" | "vertical";
8  class?: string;
9};
10 
11export const Separator: Component<SeparatorProps> = (props) => {
12  const [local, rest] = splitProps(props, ["class", "orientation"]);
13 
14  return (
15    <KobalteSeparator
16      orientation={local.orientation ?? "horizontal"}
17      class={cn(
18        "shrink-0 bg-border",
19        local.orientation === "vertical" ? "h-full w-px" : "h-px w-full",
20        local.class,
21      )}
22      {...rest}
23    />
24  );
25};