gistfile1.txt

import React from 'react';
import { Card, Flex, Text, Badge } from '@radix-ui/themes';
import { Video, Instagram } from 'lucide-react';

const CricketEngagementCard = () => {
  return (
    <Card className="max-w-[600px] bg-gray-900 text-white p-4">
      <Flex direction="column" gap="3">
        <Text size="5" weight="bold">
          Markram was brave, tactically astute while leading South Africa in T20 World Cup 2024: Graeme Smith
        </Text>
        <Text size="2" color="gray">
          Former South African skipper Graeme Smith praised Aiden Markram for his brave and tactically astute leadership
        </Text>
        <Flex align="center" gap="2">
          <Badge color="green" variant="soft">
            Vitamasques
          </Badge>
          <Flex align="center" gap="1">
            <Text size="2" color="gray">0.9/10</Text>
            <Text size="2" color="green">88 Mn</Text>
            <Badge variant="outline" color="gray">new</Badge>
          </Flex>
        </Flex>
        <Flex gap="2">
          <Card className="bg-gray-800 p-2">
            <Text size="3" weight="bold">Boost Engagement</Text>
            <Text size="2">Post | Video</Text>
            <Flex align="center" gap="1">
              <Video size={16} />
              <Instagram size={16} />
            </Flex>
            <Text size="2">Reach: 2 Mn</Text>
            <Text size="2">Engagement: 6000</Text>
            <Text size="2">Trivia linked relevant post on Instagram, Youtube</Text>
          </Card>
          <Card className="bg-gray-800 p-2">
            <Text size="3" weight="bold">Boost Engagement</Text>
            <Text size="2">AD | Video</Text>
            <Flex align="center" gap="1">
              <Video size={16} />
              <Instagram size={16} />
            </Flex>
            <Text size="2">Reach: 2 Mn</Text>
            <Text size="2">Engagement: 6000</Text>
            <Text size="2">Trivia linked relevant post on Instagram, Youtube</Text>
          </Card>
        </Flex>
      </Flex>
    </Card>
  );
};

export default CricketEngagementCard;