apps/mobile/components/ui/Divider.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { View } from "react-native";
import { cn } from "@/lib/utils";

function Divider({
  className,
  orientation,
  ...props
}: {
  color?: string;
  orientation: "horizontal" | "vertical";
} & React.ComponentPropsWithoutRef<typeof View>) {
  return (
    <View
      className={cn(
        "bg-slate-400/20 dark:bg-border/50",
        orientation === "horizontal" ? "h-0.5" : "w-0.5",
        className,
      )}
      {...props}
    />
  );
}

export { Divider };