import React from 'react';
import { Chip } from 'react-native-paper';
import { priorityColors } from '../theme';

interface Props {
  priority: string;
}

export function PriorityChip({ priority }: Props) {
  const color = priorityColors[priority] || '#757575';
  return (
    <Chip
      mode="outlined"
      compact
      style={{ borderColor: color }}
      textStyle={{ color, fontSize: 12 }}
    >
      {priority}
    </Chip>
  );
}