# Approval panel

Approval panel: a free component, built on your design tokens, to use in finance and procurement tools, where one person approves a bill or request. One bill waiting for approval: the amount, the policy that applies, who has approved so far, and what the balance will be after paying.

Prompt: Add the OpenDesigner component approval-panel to this project: https://opendesigner.dev/library/r/approval-panel.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: hover, pressed, focus, step done, current step, next step.

Accessibility: The steps are an ordered list with the current one marked aria-current; both actions are real buttons with visible focus.

File: https://opendesigner.dev/library/r/approval-panel.html