36 lines
921 B
Plaintext
36 lines
921 B
Plaintext
---
|
|
import FeaturedItem, { FeaturedItemType } from './FeaturedItem.astro';
|
|
|
|
export interface Props {
|
|
featuredItems: FeaturedItemType[];
|
|
heading: string;
|
|
}
|
|
|
|
const { featuredItems, heading } = Astro.props;
|
|
---
|
|
|
|
<div class='relative border-b border-b-[#1e293c] py-10 sm:py-14'>
|
|
<div class='container'>
|
|
<h2
|
|
class='text-md font-regular absolute flex rounded-lg border border-[#1e293c] bg-slate-900 px-3 py-1 text-slate-400 -top-[17px] sm:left-1/2 sm:-translate-x-1/2'
|
|
>
|
|
{heading}
|
|
</h2>
|
|
|
|
<ul class='grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3'>
|
|
{
|
|
featuredItems.map((featuredItem) => (
|
|
<li>
|
|
<FeaturedItem
|
|
text={featuredItem.text}
|
|
url={featuredItem.url}
|
|
isNew={featuredItem.isNew}
|
|
isUpcoming={featuredItem.isUpcoming}
|
|
/>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|