import { FC, HTMLAttributes } from 'react';
import { twx } from '../../utils';

type DividerProps = HTMLAttributes<HTMLDivElement>;

export const Divider: FC<DividerProps> = ({ className, ...props }) => {
  return (
    <div
      className={twx(
        'border-0 mt-0 h-1.5px bg-gray-200 dark:from-zinc-700 dark:via-zinc-400 dark:to-zinc-700 dark:bg-gradient-to-r',
        className,
      )}
      {...props}
    ></div>
  );
};
