// Generated with util/create-component.js
import React, { memo } from "react";
import { DividerProps } from "./Divider.types";

const Divider = ({ color, height, styleType = "solid" }: DividerProps) => {
  return (
    <div
      data-testid="ContentsEditorDivider"
      className={`nrc--ContentsEditorDivider w-full max-w-[80rem] border-t ${
        styleType === "solid" ? "border-solid" : "border-dashed"
      }`}
      style={{ borderTopColor: color, borderTopWidth: height + "px" }}
    />
  );
};

export default memo(Divider);