kirukib
d40cb22ff4
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>
32 lines
863 B
TypeScript
32 lines
863 B
TypeScript
import { Card } from "@/components/ui/Card";
|
|
import { Text } from "@/components/ui/Text";
|
|
import { colors } from "@/lib/theme";
|
|
import { formatETB } from "@/lib/utils";
|
|
|
|
export function EntitlementSplitCard({
|
|
orgName,
|
|
planName,
|
|
remainingAllowance,
|
|
covered,
|
|
selfPay,
|
|
}: {
|
|
orgName: string;
|
|
planName: string;
|
|
remainingAllowance: number;
|
|
covered: number;
|
|
selfPay: number;
|
|
}) {
|
|
return (
|
|
<Card tone="brand" elevated={false}>
|
|
<Text variant="h3">Corporate split · {orgName}</Text>
|
|
<Text variant="bodySm" color={colors.muted} style={{ marginTop: 6 }}>
|
|
Plan {planName} · {formatETB(remainingAllowance)} left this month
|
|
</Text>
|
|
<Text variant="bodySm" style={{ marginTop: 8 }}>
|
|
Covered: {formatETB(covered)}
|
|
</Text>
|
|
<Text variant="bodySm">You pay: {formatETB(selfPay)}</Text>
|
|
</Card>
|
|
);
|
|
}
|