/* eslint-disable @typescript-eslint/no-explicit-any */
import FactoryRenderer from "../../../../Renderer";

export type SettingViewProps = {
  disabled: boolean;
  onSettingClick: () => void;
  hasAppliedFilter?: boolean;
};

const SettingView = (props: SettingViewProps) => {
  return (
    <FactoryRenderer
      disabled={props.disabled}
      rootStyle={{ className: "tmpl-setting" }}
      widgetStyle={{ className: `qo-btn qo-btn-default tmpl-button ${props.hasAppliedFilter ? "tmpl-filter-applied" : ""}`, inline: { width: "100%" } }}
      onClick={props.onSettingClick}
      title="Setting"
      name="setting"
      uiElementType="WIDGET"
      widgetType="ICON"
    />
  );
};
export default SettingView;
