46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import type { Shout } from '../../graphql/schema/core.gen'
|
|
|
|
import { ArticleCard } from './ArticleCard'
|
|
|
|
export const Row5 = (props: { articles: Shout[]; nodate?: boolean }) => {
|
|
return (
|
|
<div class="floor floor--1">
|
|
<div class="wide-container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ArticleCard
|
|
article={props.articles[0]}
|
|
settings={{ nodate: props.nodate }}
|
|
desktopCoverSize="XS"
|
|
/>
|
|
<ArticleCard
|
|
article={props.articles[1]}
|
|
settings={{ noimage: true, withBorder: true, nodate: props.nodate }}
|
|
desktopCoverSize="XS"
|
|
/>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<ArticleCard
|
|
article={props.articles[2]}
|
|
settings={{ isBigTitle: true, nodate: props.nodate }}
|
|
desktopCoverSize="M"
|
|
/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ArticleCard
|
|
article={props.articles[3]}
|
|
settings={{ nodate: props.nodate }}
|
|
desktopCoverSize="XS"
|
|
/>
|
|
<ArticleCard
|
|
article={props.articles[4]}
|
|
settings={{ noimage: true, withBorder: true, nodate: props.nodate }}
|
|
desktopCoverSize="XS"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|