import { Separator as ShadcnSeparator } from '@/shadcn/separator';
import { cn } from '@/utils';
import React, { type ComponentPropsWithoutRef } from 'react';
import styles from './BaseSeparator.module.css';

export const BaseSeparator = React.forwardRef<
  React.ElementRef<typeof ShadcnSeparator>,
  React.ComponentPropsWithoutRef<typeof ShadcnSeparator>
>(({ className, children, ...props }, ref) => (
  <ShadcnSeparator
    ref={ref}
    className={cn(styles.BaseSeparator, className)}
    {...props}
  >
    {children}
  </ShadcnSeparator>
));

BaseSeparator.displayName = 'BaseSeparator';
