| 1 | import { h } from 'preact'
|
| 2 | import './row.css'
|
| 3 |
|
| 4 | const Row = ({title, width = 4, height = 1, size = 6, children, e2e, align = 'left'}) => (
|
| 5 | h('div', { className: 'flex f' + size + ' mb' + height, 'data-e2e': e2e || false },
|
| 6 | h('div', { className: 'w' + width, style: { flexShrink: 0 } },
|
| 7 | h('span', null,
|
| 8 | h('strong', null, title)
|
| 9 | )
|
| 10 | ),
|
| 11 | h('div', { className: 'fg3' },
|
| 12 | h('div', { className: 'v-mid rowBreakWords' + (align === 'right' ? ' tr' : '') },
|
| 13 | children
|
| 14 | )
|
| 15 | )
|
| 16 | )
|
| 17 | )
|
| 18 |
|
| 19 | export default Row
|