import React from "react";
import type { CellRenderer } from "./types";

export const standardCell: CellRenderer = {
  renderItem: ({ item, onPress, context }) => {
    if (!item) {
      return null;
    }

    const {
      theme,
      ButtonComponent,
      current_selection,
      iconBaseProps,
      itemBaseProps,
      labelBaseProps,
      getSelectedItemIcon,
      getDefaultItemIcon,
      iconPlacement,
    } = context;

    return (
      <ButtonComponent
        key={item.id}
        configuration={theme}
        selectedItem={current_selection}
        item={item}
        onPress={onPress}
        label={
          theme[(item as any)?.label] ?? ((item as any)?.label || item?.title)
        }
        iconBaseProps={iconBaseProps}
        itemBaseProps={itemBaseProps}
        labelBaseProps={labelBaseProps}
        selectedItemIcon={getSelectedItemIcon(theme)}
        defaultItemIcon={getDefaultItemIcon(theme)}
        iconPlacement={iconPlacement}
      />
    );
  },
};