content: import { css } from '@emotion/css'
  import React from 'react'
  
  const View = ({ style, ...other }) => {
    return <div {...other} className={css(viewStyle, style)} />
  }
  
  export const viewStyle = css({
    alignItems: 'stretch',
    borderWidth: 0,
    borderStyle: 'solid',
    boxSizing: 'border-box',
    display: 'flex',
    flexBasis: 'auto',
    flexDirection: 'column',
    flexShrink: 0,
    margin: 0,
    padding: 0,
    position: 'relative',
    // fix flexbox bugs
    minHeight: 0,
    minWidth: 0
  })
  
  export default View
  