function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from "react";
import { makeStyles } from "@mui/styles";
import UIPermalinkInput from "../PermalinkInputCore";
const useStyles = makeStyles(() => ({
  input: {
    display: "flex",
    justifyContent: "flex-end",
    width: "calc(100% - 4px)",
    height: 30,
    border: "1px solid lightgray",
    backgroundColor: "white",
    "& input,    & button,    & svg": {
      border: "none"
    },
    "& input": {
      flexGrow: 2,
      textOverflow: "ellipsis",
      minWidth: 0,
      paddingLeft: 5,
      "&::-ms-clear": {
        display: "none"
      }
    },
    "& button": {
      width: 30,
      height: "100%",
      flexShrink: 0,
      borderLeft: "1px solid lightgray",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      padding: 7
    }
  }
}));
function PermalinkInput(props) {
  const classes = useStyles();
  return /*#__PURE__*/React.createElement(UIPermalinkInput, _extends({
    className: classes.input
  }, props));
}
export default /*#__PURE__*/React.memo(PermalinkInput);
//# sourceMappingURL=PermalinkInput.js.map