Untitled Page

// Shows a task priority using the specified text and background colors.
const styles = { High: { color: '#DC2626', background: '#FEE2E2' }, Medium: { color: '#D97706', background: '#FEF3C7' }, Low: { color: '#2563EB', background: '#DBEAFE' } };
function PriorityPill({ value }) { return <span style={{ ...styles[value], borderRadius: 9999, padding: '4px 12px', fontSize: 12, fontWeight: 500 }}>{value}</span>; }
export default PriorityPill;