24 lines
577 B
TypeScript
24 lines
577 B
TypeScript
|
import React from "react";
|
||
|
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
||
|
|
import styles from "./Separator.module.css";
|
||
|
|
|
||
|
|
interface SeparatorProps {
|
||
|
|
orientation?: "horizontal" | "vertical";
|
||
|
|
className?: string;
|
||
|
|
decorative?: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Separator = ({
|
||
|
|
orientation = "horizontal",
|
||
|
|
className = "",
|
||
|
|
decorative = true,
|
||
|
|
}: SeparatorProps) => {
|
||
|
|
return (
|
||
|
|
<SeparatorPrimitive.Root
|
||
|
|
className={`${styles.separator} ${styles[orientation]} ${className ?? ""}`}
|
||
|
|
orientation={orientation}
|
||
|
|
decorative={decorative}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|