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
25
26
27

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

function Divider({
  color = "#DFE4EA",
  className,
  orientation,
  ...props
}: {
  color?: string;
  orientation: "horizontal" | "vertical";
} & React.ComponentPropsWithoutRef<typeof View>) {
  const dividerStyles = [{ backgroundColor: color }];

  return (
    <View
      className={cn(
        orientation === "horizontal" ? "h-0.5" : "w-0.5",
        className,
      )}
      style={dividerStyles}
      {...props}
    />
  );
}

export { Divider };