import {
  Icon,
  menu,
  close,
  search,
  chevronUp,
  chevronDown,
  chevronLeft,
  chevronRight,
  chevronsLeft,
  chevronsRight,
  arrowUp,
  arrowDown,
  arrowRight,
  arrowLeft,
  chat,
  comment,
  envelope,
  location,
  userCircle,
  user,
  videoCamera,
  check,
  closeCircle,
  copy,
  download,
  imageGallery,
  image,
  linkExternal,
  minus,
  pauseCircle,
  playCircle,
  plus,
  sort,
  sunny,
  cloudy,
  partlyCloudy,
  fog,
  windy,
  rain,
  thunderstorm,
  moon,
  fullMoon,
  calendar,
  clock,
  error,
  information,
  success,
  warning,
} from "../../assets/icon-library";
import { useBlockProps } from "@wordpress/block-editor";
const Save = ({ attributes }) => {
  const blockProps = useBlockProps.save();
  let { icon, iconColor, size } = attributes;
  let iconObj = {
    menu,
    close,
    search,
    chevronUp,
    chevronDown,
    chevronLeft,
    chevronRight,
    chevronsLeft,
    chevronsRight,
    arrowUp,
    arrowDown,
    arrowRight,
    arrowLeft,
    chat,
    comment,
    envelope,
    location,
    userCircle,
    user,
    videoCamera,
    check,
    closeCircle,
    copy,
    download,
    imageGallery,
    image,
    linkExternal,
    minus,
    pauseCircle,
    playCircle,
    plus,
    sort,
    sunny,
    cloudy,
    partlyCloudy,
    fog,
    windy,
    rain,
    thunderstorm,
    moon,
    fullMoon,
    calendar,
    clock,
    error,
    information,
    success,
    warning,
  };
  return (
    <div {...blockProps}>
      <Icon size={size} color={iconColor} icon={iconObj[icon]} />
    </div>
  );
};

export default Save;
