Not exported from @meetcard/deck — this is a composed screen, built from the components below rather than shipped as one.
Stories
Every preview below is the real component, rendered in this page from the same story Storybook runs. The width control resizes each preview's container; CSS media queries still follow the browser window, so breakpoint behaviour is worth checking in Storybook.
Default
Source
const Default = () => <BookWithMe />;
The whole individual flow, end to end. BookingFlow is a wizard whose every
step gates the next, so rendering step one proves almost nothing — the CTA's
ready rule, the progressive reveal on the availability step, and the
summary the confirmation is built from are only reachable by walking it.
Booking End To End
Source
const BookingEndToEnd = () => <BookWithMe />;
The stepper only walks backwards. Steps ahead depend on decisions not made
yet, so they stay unreachable until they have been reached in order.