Lifts HelpBar out of WizardLayout's internal scope into src/components/molecules/HelpBar/ so both WizardLayout and pages that bypass WizardLayout's chrome (currently: ProvidersStep's mobile map-first branch) render an identical sticky-footer. Before: WizardLayout had an internal HelpBar with the right styling (sticky, responsive px, phone format helper); ProvidersStep's mobile-map branch hand-rewrote the footer inline and had drifted — missing position: sticky, missing the md:4 responsive px, hard-coded phone number bypassing the prop default. This consolidates both to one source of truth. Props: `phone?` (defaults to FA's support number, spaces preserved in label, stripped in tel href) + `sx?` for caller chrome overrides. Two Storybook stories (Default, CustomNumber). Verified: footer text / height / sticky position identical between mobile-list (WizardLayout) and mobile-map (direct HelpBar). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2 lines
56 B
TypeScript
2 lines
56 B
TypeScript
export { HelpBar, type HelpBarProps } from './HelpBar';
|