import { Card, ProgressSegmented, Text, VStack } from '@cdx-ui/components';

export function DocumentReviewCard() {
  return (
    <Card>
      <Card.Content>
        <VStack className="gap-2">
          <Text className="body-md font-semibold text-content-primary">Document review</Text>
          <ProgressSegmented step={4} segments={5} accessibilityLabel="Document review progress" />
          <Text className="body-sm text-content-tertiary">Step 4 of 5 · Pending final review</Text>
        </VStack>
      </Card.Content>
    </Card>
  );
}
