Carlos Florêncio
21 lines
560 B
TypeScript
21 lines
560 B
TypeScript
'use client';
|
|
|
|
import { memo } from 'react';
|
|
import type { PlanContextItem } from '@/lib/types/context';
|
|
import { ContextChip } from './context-chip';
|
|
import { LazyPlanPreview } from './lazy-plan-preview';
|
|
|
|
export const PlanItem = memo(function PlanItem({ item }: { item: PlanContextItem }) {
|
|
return (
|
|
<ContextChip
|
|
kind="plan"
|
|
label={item.label}
|
|
pinned={item.pinned}
|
|
preview={<LazyPlanPreview taskId={item.taskId ?? null} />}
|
|
onClick={item.onOpen}
|
|
onUnpin={item.onUnpin}
|
|
onRemove={item.onRemove}
|
|
/>
|
|
);
|
|
});
|