supermemory/packages/ui/components/text-separator.tsx
2025-08-21 08:40:44 -07:00

24 lines
537 B
TypeScript

import { cn } from "@lib/utils";
interface TextSeparatorProps extends React.ComponentProps<"div"> {
text: string;
}
export function TextSeparator({
text,
className,
...props
}: TextSeparatorProps) {
return (
<div
className={cn("flex gap-4 items-center justify-center", className)}
{...props}
>
<div className="w-full h-px bg-sm-gray" />
<span className="text-sm-gray text-[0.75rem] uppercase tracking-[-0.2px] leading-[0.875rem]">
{text}
</span>
<div className="w-full h-px bg-sm-gray" />
</div>
);
}