{"version":3,"file":"component---src-pages-shop-samsung-s-21-ultra-js-0a667443fc2b753ec36f.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Product.js","webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Availability.js","webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Details.js","webpack://gatsby-starter-default/./src/components/Shop/Stoarge/PdpStorage.js","webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Pdp-Colour.js","webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Radio.js","webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Accessories.js","webpack://gatsby-starter-default/./src/components/ProductDisplayPage/Accessory.js","webpack://gatsby-starter-default/./src/pages/Shop/Samsung/S21Ultra.js"],"sourcesContent":["import React from \"react\"\nimport \"./Pdp.css\"\n\nconst Product = props => (\n    <div className=\"PDP-Device\">\n    <h2>{props.device}</h2>\n    <img\n      className=\"PDP-Image\"\n      src={props.image}\n      alt={props.device}\n    />\n  </div>\n)\n\nexport default Product","import React from \"react\"\n\nconst Availability = props => (\n  <div className=\"Availability\">\n    Availability: <strong className={props.level}>{props.stock}</strong>\n  </div>\n)\n\nexport default Availability","import React from \"react\"\nimport Availability from \"./Availability\"\nimport \"./Pdp.css\"\n\nconst Details = props => (\n  <li className=\"PDP-Details\">\n    <a href={props.page}>\n      <div className=\"PDP-Details-Contents\">\n        <strong className=\"PDP-Price\">£{props.price}</strong>\n        <Availability level=\"high\" stock=\"Good stock levels\" />\n        <div className=\"PDP-Memory\">\n          <h5 className=\"PDP-Title\">Select your capacity</h5>\n          {props.storage}\n        </div>\n        <div className=\"PDP-Colours\">\n          <h5 className=\"PDP-Title\">Choose your colour</h5>\n          {props.colours}\n        </div>\n        <div className=\"PDP-Connection\">\n          <h5 className=\"PDP-Title\">Choose your connection</h5>\n          {props.connection}\n        </div>\n        <h5 className=\"PDP-Title-Bold\">Quantity</h5>\n        <select>\n          <option>1</option>\n        </select>\n        {props.accessories}\n        <a className=\"PDP-Details-Button\" href=\"/shop\">\n          Add to basket\n        </a>\n      </div>\n    </a>\n  </li>\n)\n\nexport default Details\n","import React from \"react\"\n\nconst PdpStorage = props => (\n  <div className=\"PDP-Input-Capacity\">\n    <label>{props.capacity}GB</label>\n  </div>\n)\n\nexport default PdpStorage","import React from \"react\"\nimport \"./Pdp-Colours.css\"\n\nconst PdpColors = props => (\n  <div>\n    <input\n      id={\"radio-\" + props.radionumber}\n      className=\"radio-colour\"\n      name=\"radio-group\"\n      type=\"radio\"\n      checked\n    />\n    <label\n      for={\"radio-\" + props.radionumber}\n      className={\"radio-colour-label\" + \" \" + \"pdp-\" + props.colour}\n    />\n  </div>\n)\n\nexport default PdpColors\n","import React from \"react\"\nimport \"./Pdp.css\"\n\nconst Radio = props => (\n  <div className=\"PDP-Input\">\n    <div className=\"PDP-Radio\">\n      <input\n        id={\"radio-\" + props.radionumber}\n        class=\"radio-custom\"\n        name=\"radio-group\"\n        type=\"radio\"\n        checked\n      />\n      <label for={\"radio-\" + props.radionumber} class=\"radio-custom-label\" />\n    </div>\n    <div className=\"PDP-Input-Details\">\n      <label className={props.labelclass}>{props.label}</label>\n      <span className={props.descriptionclass}>{props.description}</span>\n    </div>\n  </div>\n)\n\nexport default Radio\n","import React from \"react\"\n\nconst Accessories = props => (\n  <div className=\"PDP-Accessories\">\n    <div>\n      <h5 className=\"PDP-Title-Bold\">Add an essential accessory</h5>\n      <span>{props.note}</span>\n    </div>\n    {props.accessory}\n  </div>\n)\n\nexport default Accessories\n","import React from \"react\"\n\nconst Accessory = props => (\n  <div className=\"PDP-Accessory\">\n    <img className=\"PDP-Accessory-Image\" src={props.image} alt={props.device} />\n    <div className=\"PDP-Accessory-Contents\">\n      <div className=\"PDP-Acessory-Line\">\n        <input className=\"PDP-Acessory-Checkbox\" type=\"checkbox\" />\n        <h5>{props.device}</h5>\n        <div />\n        <span className=\"PDP-Acessory-Price\">£{props.price}</span>\n      </div>\n    </div>\n  </div>\n)\n\nexport default Accessory\n","import * as React from \"react\"\n\nimport Layout from \"../../../components/layout\"\nimport Seo from \"../../../components/seo\"\nimport Product from \"../../../components/ProductDisplayPage/Product\"\nimport Details from \"../../../components/ProductDisplayPage/Details\"\nimport PdpStorage from \"../../../components/Shop/Stoarge/PdpStorage\"\nimport PdpColors from \"../../../components/ProductDisplayPage/Pdp-Colour\"\nimport Radio from \"../../../components/ProductDisplayPage/Radio\"\nimport Accessories from \"../../../components/ProductDisplayPage/Accessories\"\nimport Accessory from \"../../../components/ProductDisplayPage/Accessory\"\n\nconst S21Ultra = () => (\n  <Layout>\n    <Seo title=\"Samsung Galaxy S21 Ultra\" />\n    <div className=\"Screen PDP\">\n      <div className=\"PDP-Page\">\n        <Product\n          device=\"Samsung Galaxy S21 Ultra\"\n          image=\"https://shop.ee.co.uk/medias/samsung-galaxy-s21-ultra-silver-no-gwp-front-gallery-Format-237?context=bWFzdGVyfHJvb3R8MTQxMzh8aW1hZ2UvanBlZ3xzeXMtbWFzdGVyL3Jvb3QvaDkzL2hmYy85NjIyMzk1NTg0NTQyL3NhbXN1bmctZ2FsYXh5LXMyMS11bHRyYS1zaWx2ZXItbm8tZ3dwLWZyb250LWdhbGxlcnlfRm9ybWF0LTIzN3xkNjhhYzM3NWUxZDZiYmVkYWQ3NzYzOWNkOGU2NGM2MzQzMTc0NTIyMTdhOTM2NTQ2NDc5ZTQ5OWJjODlhMWNh\"\n        />\n        <Details\n          price=\"1199\"\n          storage={\n            <div className=\"PDP-Storage\">\n              <PdpStorage radionumber=\"1\" capacity=\"128\" price=\"956\" />\n              <PdpStorage radionumber=\"2\" capacity=\"256\" price=\"1011\" />\n              <PdpStorage radionumber=\"3\" capacity=\"512\" price=\"1200\" />\n            </div>\n          }\n          colours={\n            <div className=\"PDP-Color-Grid\">\n              <PdpColors colour=\"black\" radionumber=\"4\" />\n              <PdpColors colour=\"silver\" radionumber=\"5\" />\n            </div>\n          }\n          colour=\"red\"\n          connection={\n            <div className=\"PDP-Split\">\n              <Radio\n                radionumber=\"5\"\n                label=\"New\"\n                labelclass=\"PDP-Connection-Label\"\n                description=\"Device will require a new Sim\"\n                descriptionclass=\"PDP-Connection-Description\"\n              />\n              <Radio\n                radionumber=\"6\"\n                label=\"Upgrade\"\n                labelclass=\"PDP-Connection-Label\"\n                description=\"Device will be allocated to an existing user\"\n                descriptionclass=\"PDP-Connection-Description\"\n              />\n            </div>\n          }\n          accessories={\n            <Accessories\n              note=\"**Please note this device does not come with a charger.\"\n              accessory={\n                <Accessory\n                  image=\"https://shop.ee.co.uk/content/dam/everything-everywhere/images/SHOP/Devices/EP-PN920_001_Front_Black.jpg.eeimg.320.1-1.medium.jpg\"\n                  device=\"Samsung wireless quick charger\"\n                  price=\"24.00\"\n                />\n              }\n            />\n          }\n        />\n      </div>\n    </div>\n  </Layout>\n)\n\nexport default S21Ultra\n"],"names":["props","className","device","src","image","alt","level","stock","href","page","price","storage","colours","connection","accessories","capacity","id","radionumber","name","type","checked","for","colour","class","labelclass","label","descriptionclass","description","note","accessory","title"],"sourceRoot":""}