import React from "react";
import {
  AudioPlayerTrackItem,
  mapMenuItemToPlaylistData,
  VARIANT_PLAYLIST_ITEM,
} from "../AudioPlayer/Components/Item";
import type { CellRenderer } from "./types";

export const selectableCell: CellRenderer = {
  renderItem: ({ item, onPress, context }) => (
    <AudioPlayerTrackItem
      key={item.id}
      configuration={VARIANT_PLAYLIST_ITEM}
      data={mapMenuItemToPlaylistData(item, context?.behavior)}
      onPress={() => onPress(item)}
      onTrailingButtonPress={
        item.secondaryAction?.action
          ? () =>
              onPress({
                id: `${item.id}_secondary`,
                title: item.title,
                action: item.secondaryAction!.action,
              })
          : () => onPress(item)
      }
    />
  ),
};