import { Chip } from "react-native-paper";

import {
  TodoStatus,
  TodoStatusLabels,
  TodoStatusColors,
} from "@/constants/todoStatusEnum";

interface StatusTableItemProps {
  todoStatus: TodoStatus;
}

export const StatusTableItem = ({ todoStatus }: StatusTableItemProps) => {
  return (
    <Chip
      key={todoStatus}
      textStyle={{
        color: "black",
      }}
      compact
      mode="outlined"
      showSelectedCheck={false}
      style={{
        backgroundColor: TodoStatusColors[todoStatus],
        borderColor: "transparent",
        borderRadius: 4,
      }}
    >
      {TodoStatusLabels[todoStatus]}
    </Chip>
  );
};
