import { h } from "@stencil/core";
import { UserInterface } from "@sankhyalabs/core";
const ICON_MODES = {
  [UserInterface.SHORTTEXT]: 'text',
  [UserInterface.LONGTEXT]: 'text',
  [UserInterface.INTEGERNUMBER]: 'number',
  [UserInterface.DECIMALNUMBER]: 'number',
  [UserInterface.DATE]: 'calendar',
  [UserInterface.DATETIME]: 'calendar',
  [UserInterface.SWITCH]: 'boolean',
  [UserInterface.CHECKBOX]: 'check-circle-inverted',
  [UserInterface.OPTIONSELECTOR]: 'list',
  [UserInterface.SEARCH]: 'search',
  [UserInterface.HTML]: 'tag_code',
  [UserInterface.IMAGE]: 'png',
  [UserInterface.FILE]: 'edit-file',
  [UserInterface.TIME]: 'timer-outline',
  [UserInterface.ELAPSEDTIME]: 'timer',
  [UserInterface.MASKEDTEXT]: 'text',
  [UserInterface.PASSWORD]: 'email',
};
export const ListItem = ({ userInterface, description }) => {
  return (h("ez-icon", { iconName: ICON_MODES[userInterface], class: "ez-padding-left--small", title: description }));
};
