import React from "react";
import { LazyLoad } from "@/components/LazyLoad";

const ModelVariables = ({ option = null }) => {
  return (
    <button
      className="hover:text[#262626] flex cursor-pointer items-center gap-3 rounded-md px-4 py-3 capitalize hover:bg-[#F4F4F4]"
      onClick={() => {
        if (option?.action) {
          option?.action();
        }
      }}
    >
      <LazyLoad>{option?.icon && option?.icon}</LazyLoad>
      {option?.name && option?.name}
      {/* <div className="min-h-7 flex h-7 max-h-7 items-center justify-center border-2 py-2 capitalize">
        </div> */}
    </button>
  );
};

export default ModelVariables;
