This repository has been archived on 2026-08-11. You can view files and clone it, but cannot push or open issues or pull requests.
Gishen-Mob/components/checkout/AssistedOrderExplainer.tsx
kirukib d40cb22ff4 Finalize profile, prescription, and checkout with shared UI modules.
Add payment/notification prefs, assisted pharmacist codes, Rx status journey, and mock payment intents so demo flows match the storefront brief.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-10 14:53:34 +03:00

21 lines
661 B
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { Card } from "@/components/ui/Card";
import { Text } from "@/components/ui/Text";
import { colors } from "@/lib/theme";
export function AssistedOrderExplainer({
title = "Pharmacist order code",
body = "You’ll get a GSH-XXXX code to copy, share, or screenshot. A pharmacist enters it on the admin page to create your order — then you pay at the branch.",
}: {
title?: string;
body?: string;
}) {
return (
<Card tone="brand" elevated={false} style={{ marginBottom: 12 }}>
<Text variant="h3">{title}</Text>
<Text variant="bodySm" color={colors.muted} style={{ marginTop: 6 }}>
{body}
</Text>
</Card>
);
}