About this piece
Cook Step Timer
Recipe-step card with a step pill, a MM:SS countdown, and a short instruction.
Usage
The import and the props worth knowing about, in one place.
import { Food8 } from "@/components/beste/piece/food8";
<Food8
step="Simmer the sauce"
instruction="Keep it at a gentle simmer and stir now and then."
stepIndex={4}
totalSteps={7}
minutes={7}
seconds={42}
tone="primary"
bordered={false}
/>
