import { action } from '@storybook/addon-actions';
import { ASSETS_URL } from '../../../consts/common';
import type { MenuItemProps, InfinityScrollProps } from '../types';
import noop from 'lodash/noop';

const editIconClickHandler = () => action('edit icon clicked');
const minusIconClickHandler = () => action('minus icon clicked');
const plusIconClickHandler = () => action('plus icon clicked');

export const actionIcons: NonNullable<MenuItemProps['actionIcons']> = [
  {
    iconSrc: `${ASSETS_URL}/icons2/icon_plus.svg`,
    handleClick: plusIconClickHandler,
    tooltipText: 'Add'
  },
  {
    iconSrc: `${ASSETS_URL}/icons2/icon_minus.svg`,
    handleClick: minusIconClickHandler,
    tooltipText: 'Remove'
  },
  {
    iconSrc: `${ASSETS_URL}/icons2/icon_edit.svg`,
    handleClick: editIconClickHandler,
    tooltipText: 'Edit'
  },
  {
    disabled: true,
    iconSrc: `${ASSETS_URL}/icons/icon_View.svg`,
    handleClick: minusIconClickHandler
  }
];

export const mockListItems: MenuItemProps[] = [
  { name: 'Profile' },
  { name: 'My account' },
  { name: 'Logout' },
  { name: 'Action Icons', actionIcons },
  { name: 'Disabled Item', disabled: true }
];

export const mockInfinityScroll: InfinityScrollProps = {
  fetchFunction: noop,
  allItemsCount: 100,
  threshold: 2
};