22 lines
672 B
TypeScript
22 lines
672 B
TypeScript
import React from 'react';
|
|
import { Box } from './Box';
|
|
import { Text } from './Text';
|
|
|
|
interface MilestoneItemProps {
|
|
label: string;
|
|
value: string;
|
|
icon: string;
|
|
}
|
|
|
|
export function MilestoneItem({ label, value, icon }: MilestoneItemProps) {
|
|
return (
|
|
<Box display="flex" alignItems="center" justifyContent="between" p={3} rounded="md" bg="bg-deep-graphite" border borderColor="border-charcoal-outline">
|
|
<Box display="flex" alignItems="center" gap={3}>
|
|
<Text size="xl">{icon}</Text>
|
|
<Text size="sm" color="text-gray-400">{label}</Text>
|
|
</Box>
|
|
<Text size="sm" weight="medium" color="text-white">{value}</Text>
|
|
</Box>
|
|
);
|
|
}
|