/* tslint:disable variable-name */
export const SortableItem: JSX.Element = SortableElement(({value}: {value: string}) =>
  <li>{value}</li>
);

export const SortableList: JSX.Element = SortableContainer(({items}: {items: string[]}) => {
  return (
    <ul>
      {items.map((value, index) => (
        <li key={`item-${index}`} index={index}>{value}</li>
      ))}
    </ul>
  );
});
/* tslint:enable variable-name */