import { PlusOutlined } from "@ant-design/icons"; import React from "react"; export default function Port(props: { hovered: boolean; out?: boolean; style?: React.CSSProperties; }) { const { hovered, style = {}, out = true } = props; const [canAdd, setCanAdd] = React.useState(false); const handleSetCanAdd = (value: boolean) => { out && setCanAdd(value); }; const extraStyle = React.useMemo(() => { if (out && canAdd) { return { transform: "scale(2) translateY(-50%)" }; } return {}; }, [canAdd]); return (