import React, { FC, HTMLAttributes, ReactNode } from "react";

import "./Separator.css";
import { getCN } from "../utils";

interface ISeparator extends HTMLAttributes<HTMLDivElement> {
  mode?: "primary" | "secondary",
  component?: "SimpleCell",
  position?: "vertical" | "horizontal",

  className?: string,
}

const Separator = ({ mode, component, className, position = "horizontal", ...props }: ISeparator) => {
  return <div
    {...props}
    data-position={position}
    data-mode={mode}
    data-component={component}
    className={getCN([`Separator`], className)} ></div>;
}

export default Separator;
