import React from 'react';
import classNames from 'classnames';

import { Divider as CoreDivider, type DividerProps as CoreDividerProps } from '@shoptet/ui-core-web';

import type { OmitPrivate } from '../../types';

export interface InheritedCoreDividerProps extends OmitPrivate<CoreDividerProps> {}

export interface DividerProps extends InheritedCoreDividerProps, OmitPrivate<React.HTMLAttributes<HTMLDivElement>> {}

export const Divider: React.FC<DividerProps> = ({ orientation = 'horizontal', ref, ...htmlProps }: DividerProps) => {
  return (
    <CoreDivider
      ref={ref}
      orientation={orientation}
      className={classNames('divider', {
        'divider--vertical': orientation === 'vertical',
      })}
      {...htmlProps}
    />
  );
};