import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
import { ServiceType } from '../../../../types/service';
import { GenericTileMenu } from '../GenericTileMenu';

interface TileMenuProps {
  service: ServiceType;
}

export const ServiceMenu = ({ service }: TileMenuProps) => {
  const handleClickEdit = () => {
    openContextModalGeneric<{ service: ServiceType }>({
      modal: 'editService',
      size: 'xl',
      innerProps: {
        service,
      },
    });
  };

  const handleClickChangePosition = () => {
    openContextModalGeneric({
      modal: 'changeTilePosition',
      innerProps: {
        tile: service,
      },
    });
  };

  const handleClickDelete = () => {};

  return (
    <GenericTileMenu
      handleClickEdit={handleClickEdit}
      handleClickChangePosition={handleClickChangePosition}
      handleClickDelete={handleClickDelete}
      displayEdit
    />
  );
};