import React from 'react'; import { FaCalendarAlt } from 'react-icons/fa'; import { IconType } from 'react-icons'; // Content configuration const content = { heading: "Upcoming Bitcoin Events", events: [ { date: '2024-04-05', title: 'Bitcoin Halving Event', description: 'The next Bitcoin halving is expected to occur on this date.', }, { date: '2024-06-18', title: 'Bitcoin Conference 2024', description: 'Join the largest gathering of Bitcoin enthusiasts and professionals.', }, { date: '2024-09-12', title: 'Webinar: Bitcoin and DeFi', description: 'Explore the intersection of Bitcoin and decentralized finance.', }, ] }; // Theme configuration const theme = { gradientDirection: "to-br", bgGradientFrom: "from-gray-950", bgGradientTo: "to-gray-900", headingGradientFrom: "from-yellow-400", headingGradientTo: "to-orange-500", cardBg: "bg-gray-800", cardTitleColor: "text-white", cardDateColor: "text-gray-300", cardDescriptionColor: "text-gray-400", iconColor: "text-yellow-400", }; interface EventCardProps { event: { date: string; title: string; description: string; }; icon: IconType; } const EventCard: React.FC = ({ event, icon: Icon }) => (

{event.title}

{event.date}

{event.description}

); const BTCEvents: React.FC = () => { return (

{content.heading}

{content.events.map((event, index) => ( ))}

); }; export default BTCEvents;

Events Components

Bitcoin Events