|
|
|
|
|
|
|
|
const TechNuggets = ({ data }) => { |
|
|
const TechNuggets = ({ data }) => { |
|
|
return ( |
|
|
return ( |
|
|
<div className="flex gap-2 mt-2 flex-wrap"> |
|
|
<div className="flex gap-2 mt-2 flex-wrap"> |
|
|
{data.map((item, index) => ( |
|
|
|
|
|
|
|
|
{data && data.map((item, index) => ( |
|
|
<div className="px-4 py-1 text-white text-p whitespace-nowrap font-medium bg-[#9FA2DD] rounded-lg" key={index}>{item.text}</div> |
|
|
<div className="px-4 py-1 text-white text-p whitespace-nowrap font-medium bg-[#9FA2DD] rounded-lg" key={index}>{item.text}</div> |
|
|
))} |
|
|
))} |
|
|
</div> |
|
|
</div> |