blob: fdb5502093414f0f805df5c051fbbe04df36c570 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
import classNames from 'classnames'
import React from 'react'
import ContentSection from './ContentSection'
import './ScreenshotSection.css'
const ScreenshotSection = ({
name,
title,
imageUrl,
caption,
imageIsRight,
children,
}) => (
<ContentSection name={name} title={title}>
<div className="row">
<div
className={classNames(
'col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 text-left',
{ 'order-1': !imageIsRight },
)}
>
{children}
</div>
<div className="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
<img src={imageUrl} className="col-12 screenshot" alt={caption}/>
<div className="row text-muted justify-content-center">{caption}</div>
</div>
</div>
</ContentSection>
)
export default ScreenshotSection
|
