| 1 |
|
| 2 | import { connect } from 'redux-bundler-preact'
|
| 3 | import { h } from 'preact'
|
| 4 |
|
| 5 | const baseClasses =
|
| 6 | 'fixed tr-tr z-999 bg-dark-gray light-silver w5 h-100 overflow-y-auto flex-shrink-0'
|
| 7 | const largeClasses = 'trl0-l'
|
| 8 |
|
| 9 | const Drawer = ({ children, drawerIsOpen, showShield }) => (
|
| 10 | <div>
|
| 11 | <div
|
| 12 | className={
|
| 13 | showShield ? 'fixed aspect-ratio--object bg-black-70 h0-l' : null
|
| 14 | }
|
| 15 | />
|
| 16 | <div
|
| 17 | className={`${baseClasses} ${largeClasses} ${
|
| 18 | drawerIsOpen ? 'trl0' : 'trl-5'
|
| 19 | }`}
|
| 20 | >
|
| 21 | {children}
|
| 22 | </div>
|
| 23 | </div>
|
| 24 | )
|
| 25 |
|
| 26 | export default connect('selectShowShield', 'selectDrawerIsOpen', Drawer)
|