Error rendering component

Unknown plugin "module-resolver" specified in "base" at 0, attempted to resolve relative to "/home/circleci/wellcomecollection.org/common/views/components/PageHeaders/FramedHeader"

import {spacing} from '../../../../utils/classnames';
import type {BackgroundTexture} from '../../../../model/background-texture';

type Props = {|
  backgroundTexture: BackgroundTexture,
  children: React.node
|}

const FramedHeader = ({backgroundTexture, children}: Props) => (
  <div className='framed-header row relative'>
    <div className='framed-header__image overflow-hidden bg-turquoise'
      style={backgroundTexture.image && {backgroundImage: `url(${backgroundTexture.image})`}}>
      <div className='framed-header__wobbly-edge absolute'
      >
        <div className='wobbly-edge wobbly-edge--white js-wobbly-edge'
          data-is-valley='true'
          data-max-intensity='100'>
        </div>
      </div>
    </div>
    <div className={`relative container container--with-frame bg-white ${spacing({s: 5, m: 7}, {padding: ['top']})} ${spacing({s: 1}, {padding: ['bottom']})}`}>
      {children}
    </div>
  </div>
);

export default FramedHeader;
{
  "backgroundTexture": {
    "image": "https://wellcomecollection.cdn.prismic.io/wellcomecollection%2F3f23f801-ec0e-45e6-a91a-ee9d21339ef8_wc+brand+backgrounds+2_pattern+1+colour+1.svg"
  },
  "children": {
    "type": "div",
    "key": null,
    "ref": null,
    "props": {
      "className": "grid",
      "children": [
        {
          "type": "div",
          "key": null,
          "ref": null,
          "props": {
            "className": "grid__cell grid__cell--s12 grid__cell--m10 grid__cell--l8 grid__cell--xl9",
            "children": {
              "type": "h1",
              "key": null,
              "ref": null,
              "props": {
                "className": "font-WB5-s font-WB4-m font-WB3-l margin-bottom-s3 margin-top-s0",
                "children": "Packed lunch"
              },
              "_owner": null,
              "_store": {}
            }
          },
          "_owner": null,
          "_store": {}
        },
        {
          "type": "div",
          "key": null,
          "ref": null,
          "props": {
            "className": "grid__cell grid__cell--s12 grid__cell--m10 grid__cell--l8 grid__cell--xl9",
            "children": {
              "type": "p",
              "key": null,
              "ref": null,
              "props": {
                "children": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid nesciunt nisi omnis laborum, consequuntur adipisci tenetur blanditiis totam, at corporis molestiae ad esse ratione quasi deleniti temporibus, similique culpa ex?"
              },
              "_owner": null,
              "_store": {}
            }
          },
          "_owner": null,
          "_store": {}
        }
      ]
    },
    "_owner": null,
    "_store": {}
  }
}
  • Handle: @framed
  • Preview:
  • Filesystem Path: ../common/views/components/PageHeaders/FramedHeader/FramedHeader.js

There are no notes for this item.