import React from "react";
import { FileTextOutlined } from "@easyv/react-icons";

export const PositionConstraintLabel = (props) => {
  const { className = "", helpDocUrl = "https://easyv.cloud/help/docs/uc4wsiwmv2qgk51x.html" } =
    props;

  return (
    <div
      className={className}
      style={{
        display: "flex",
        alignItems: "center",
        gap: "4px",
      }}
    >
      <span>布局约束</span>
      <span title="查看教程">
        <FileTextOutlined
          style={{
            color: "#3A89FE",
            height: "14px",
            width: "14px",
            cursor: "pointer",
            fontSize: "12px",
          }}
          onClick={() => window.open(helpDocUrl, "_blank")}
        />
      </span>
    </div>
  );
};