import classNames from "classnames";

const TitleWithLine = ({ children, borderClass }: any) => {
  return (
    <div className="flex items-baseline">
      <div className="ltr:mr-6 rtl:ml-6">{children}</div>

      <hr
        className={classNames(
          "ltr:w-40 rtl:w-30 md:w-60 ltr:mr-6 rtl:ml-6 border-color-2",
          borderClass
        )}
      />
    </div>
  );
};

export default TitleWithLine;