3box-ui-system-render.storageRender.js

/* --- Global Dependencies --- */
import React from 'react'
import PropTypes from 'prop-types'
import { BoxInject } from '3box-ui-state'

/* --- Local Dependencies --- */
import { Component, ListObjectValues } from '@horizin/ui-compose'
import { Effects } from '3box-ui-state'

/* --- Component --- */
const StorageRender = ({ box, ...props }) => {
  const storage = Effects.useStorageRetrieveEffect(box, props)

  return (
    !storage.data
      ? null
      : props.isList
        ? <ListObjectValues
            data={storage.data}
            pass={props.pass}
            component={props.component}
          />
        : Component(props.component, {
          ...storage.data,
          ...props.pass
        })
  )
}