| 1 |
export default function DiscoChannelCard({ |
| 2 |
title, |
| 3 |
desc, |
| 4 |
icon, |
| 5 |
iconBg, |
| 6 |
pro, |
| 7 |
link, |
| 8 |
isPro, |
| 9 |
}) { |
| 10 |
return ( |
| 11 |
<a |
| 12 |
href={link} |
| 13 |
target="_blank" |
| 14 |
rel="noopener noreferrer" |
| 15 |
className="disco:flex disco:items-center disco:gap-4 disco:p-4 disco:rounded-xl disco:border disco:border-gray-200 disco:bg-gray-50 disco:hover:bg-white disco:hover:shadow-sm disco:transition-all disco:cursor-pointer disco:hover:border-primary disco:no-underline" |
| 16 |
> |
| 17 |
<span |
| 18 |
className={`disco:w-12 disco:h-12 disco:rounded-xl ${iconBg} disco:flex disco:items-center disco:justify-center disco:text-2xl disco:shrink-0`} |
| 19 |
> |
| 20 |
{icon} |
| 21 |
</span> |
| 22 |
<div className="disco:flex-1"> |
| 23 |
<p className="disco:font-semibold disco:text-gray-800 disco:m-0 disco:text-base"> |
| 24 |
{title} |
| 25 |
</p> |
| 26 |
<p className="disco:text-sm disco:text-gray-400 disco:m-0"> |
| 27 |
{desc} |
| 28 |
</p> |
| 29 |
</div> |
| 30 |
{!isPro && pro && ( |
| 31 |
<span className="disco:flex disco:items-center disco:gap-1 disco:bg-yellow-50 disco:border disco:border-yellow-200 disco:text-yellow-700 disco:text-xs disco:font-semibold disco:px-2.5 disco:py-1 disco:rounded-full"> |
| 32 |
🔒 Pro |
| 33 |
</span> |
| 34 |
)} |
| 35 |
</a> |
| 36 |
); |
| 37 |
} |
| 38 |
|
