---

import classNames from 'classnames';
import { Divider as ExchangeDivider } from 'exchange-elements/v2';

import styles from './index.module.scss';

import type { ComponentProps } from 'react';

export type ExchangeDividerProps = ComponentProps<typeof ExchangeDivider>;

export interface DividerProps extends Omit<ExchangeDividerProps, 'pt'> {
  classNameDivider?: string;
}

export function Divider({
  classNameDivider,
  direction = 'vertical',
  ...props
}: DividerProps) {
  return (
    <ExchangeDivider
      {...props}
      direction={direction}
      pt={{
        divider: {
          className: classNames(styles.divider, classNameDivider),
        },
      }}
    />
  );
}