28 lines
740 B
TypeScript
28 lines
740 B
TypeScript
import { For } from 'solid-js'
|
|
import type { Shout } from '../../graphql/types.gen'
|
|
import { ArticleCard } from './ArticleCard'
|
|
|
|
export default (props: { articles: Shout[] }) => (
|
|
<div class="floor floor--7">
|
|
<div class="wide-container">
|
|
<div class="short-cards">
|
|
<For each={props.articles}>
|
|
{(a) => (
|
|
<div class="short-card">
|
|
<ArticleCard
|
|
article={a}
|
|
settings={{
|
|
additionalClass: 'shout-card--content-top',
|
|
isWithCover: true,
|
|
isBigTitle: true,
|
|
isVertical: true
|
|
}}
|
|
/>
|
|
</div>
|
|
)}
|
|
</For>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|