{"version":3,"sources":["webpack:///./Scripts/Components/ShopTheLookButton.js"],"names":["props","dispatch","useDispatch","open","setIsOpen","products","onClick","className","buttonText"],"mappings":"4FAAA,4EAKe,mBAAAA,GACX,IAAMC,EAAWC,cAEXC,EAAO,WACTF,EAASG,aAAU,EAAMJ,EAAMK,YAGnC,OAAO,oCACH,yBAAKC,QAASH,EAAMI,UAAU,iCAC9B,uBAAGD,QAASH,EAAMI,UAAU,+BAA8B,uBAAGA,UAAU,aAAgBP,EAAMQ,YAAc,8BAAOR,EAAMQ","file":"39.cef714b045d97ebc90e8.js","sourcesContent":["import React, { createRef, useEffect, useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { setIsOpen } from '../Actions/ShopTheLook.action';\r\nimport ProductsContainer from '../Containers/Products.container';\r\nimport { translate } from '../Services/translation';\r\nexport default props => {\r\n    const dispatch = useDispatch()\r\n\r\n    const open = () => {\r\n        dispatch(setIsOpen(true, props.products))\r\n    }\r\n\r\n    return <>\r\n        <div onClick={open} className=\"shop-the-look__item--clicker\"></div>\r\n        <a onClick={open} className=\"shop-the-look__item--button\"><i className=\"icon-bag\"></i>{props.buttonText && <span>{props.buttonText}</span>}</a>\r\n    </>\r\n}"],"sourceRoot":""}