/* eslint-disable @typescript-eslint/no-explicit-any */
import { DataWidgetType } from "./Setting";

type SettingPopupProps = {
  activeDataWidgetType: DataWidgetType;
  onSettingClick: () => void;
  onChooserClick: () => void;
  onWidgetTypeClick: () => void;
};

const SettingPopup = (props: SettingPopupProps) => {
  return (
    <div className="tmpl-setting-popup">
      <div onClick={props.onChooserClick}>Column Chooser</div>
      <div onClick={props.onWidgetTypeClick}>
        {props.activeDataWidgetType === DataWidgetType.CARD
          ? "Change To Grid View"
          : "Change To Card View"}
      </div>
    </div>
  );
};
export default SettingPopup;
