import React from "react";
import { DividerProps } from "./type";

import { cx } from "@shared/utils";

export const Divider: React.FC<DividerProps> = (props: DividerProps) => {
  const { className, ...rest } = props;

  return (
    <div
      className={cx(
        "h-[1px] border-t-0 bg-bg-surface-tertiary-active opacity-100",
        className
      )}
      {...rest}
    />
  );
};

Divider.displayName = "Divider";

export type { DividerProps };
