// import IconHotSpot from "@illa-public/icon-hot-spot"
import { FC } from "react";
// import { MinusIcon, PlusIcon } from "@illa-design/react"
import { PanelActionBarProps } from "./interface";
import { panelActionBarWrapperStyle } from "./style";
import RemoveIcon from '@mui/icons-material/Remove';
import AddIcon from '@mui/icons-material/Add';
export const PanelActionBar: FC<PanelActionBarProps> = (props) => {
  const { hasPanel, addPanelAction, deletePanelAction } = props;
  return (
    <div css={panelActionBarWrapperStyle}>
      {/* {hasPanel ? (
        isFixed ? (
          <LockIcon css={baseIconStyle} />
        ) : (
          <UnlockIcon css={baseIconStyle} />
        )
      ) : null} */}
      {hasPanel ? (
        <RemoveIcon
          onClick={deletePanelAction}
          sx={{color:"gray",fontSize:"11px"}}
        />
      ) : (
        <AddIcon
        sx={{color:"gray",fontSize:"11px"}}
          onClick={addPanelAction}
          // css={applyPanelBarOpenedIconStyle(false, "small")}
        />
      )}
    </div>
  );
};
