David Hill
33 lines
740 B
TypeScript
33 lines
740 B
TypeScript
import { useTheme } from "../context/theme"
|
|
|
|
export interface TodoItemProps {
|
|
status: string
|
|
content: string
|
|
}
|
|
|
|
export function TodoItem(props: TodoItemProps) {
|
|
const { theme } = useTheme()
|
|
|
|
return (
|
|
<box flexDirection="row" gap={0}>
|
|
<text
|
|
flexShrink={0}
|
|
style={{
|
|
fg: props.status === "in_progress" ? theme.warning : theme.textMuted,
|
|
}}
|
|
>
|
|
[{props.status === "completed" ? "✓" : props.status === "in_progress" ? "•" : " "}]{" "}
|
|
</text>
|
|
<text
|
|
flexGrow={1}
|
|
wrapMode="word"
|
|
style={{
|
|
fg: props.status === "in_progress" ? theme.warning : theme.textMuted,
|
|
}}
|
|
>
|
|
{props.content}
|
|
</text>
|
|
</box>
|
|
)
|
|
}
|