text: import * as Slices_ecommerce from './src/slices/ecommerce'
  import * as Slices_marketing from './src/slices/marketing'
  import * as Slices_navigation from './src/slices/navigation'
  import * as Slices from './src/slices'
  
  const __allSlices = {  ...Slices, ...Slices_navigation, ...Slices_marketing, ...Slices_ecommerce, }
  
  const NotFound = ({ sliceName, slice, i }) => {
    console.error(`[sm-resolver] component "${sliceName}" not found at index ${i}.`)
    console.warn(`slice data: ${slice}`)
  	return process.env.NODE_ENV !== 'production' ? (
      <div
        style={{
          height: '30vh',
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          flexDirection: 'column',
          textAlign: 'center',
          background: '#FAFAFA'
        }}
      >
        <h2>
          Slice "{sliceName}" not found.
        </h2>
        <p style={{ maxWidth: '320px', fontSize: '16px' }}>
          Check that you registered this component in your slices library!
        </p>
      </div>
    ) : null
  }
  
  export default function SliceResolver({ sliceName, ...rest }) {
  	return __allSlices[sliceName] ? __allSlices[sliceName] : () => <NotFound sliceName={sliceName} {...rest} />
  }
  
  