26 lines
746 B
TypeScript
26 lines
746 B
TypeScript
import type { Shout } from '../../graphql/types.gen'
|
|
import { ArticleCard } from './Card'
|
|
import { getLogger } from '../../utils/logger'
|
|
|
|
const log = getLogger('Row5')
|
|
|
|
export const Row5 = (props: { articles: Shout[] }) => {
|
|
return (
|
|
<div class="floor floor--1">
|
|
<div class="wide-container row">
|
|
<div class="col-md-3">
|
|
<ArticleCard article={props.articles[0]} />
|
|
<ArticleCard article={props.articles[1]} />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ArticleCard article={props.articles[2]} />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<ArticleCard article={props.articles[3]} />
|
|
<ArticleCard article={props.articles[4]} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|