{"version":3,"file":"OrderDetails-DK0Lanfo.js","sources":["../../../app/javascript/components/HomepageHero/HeroComponents/OrderDetails.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Flex,\n  Card,\n  Image,\n  Caption,\n  Detail,\n  Button,\n  ProgressStep,\n  ProgressStepItem,\n} from \"playbook-ui\";\n\nconst OrderDetailsCard = () => {\n  return (\n    <Flex\n      className=\"order_details component_example\"\n      cursor=\"pointer\"\n      hover={{ scale: \"sm\" }}\n    >\n      <Card borderNone borderRadius=\"lg\" shadow=\"deepest\" padding=\"sm\">\n        <Flex orientation=\"column\" gap=\"lg\" align=\"stretch\">\n          <ProgressStep icon>\n            <ProgressStepItem status=\"complete\">\n              <Caption size=\"xs\" text=\"Confirmed\" />\n            </ProgressStepItem>\n            <ProgressStepItem status=\"active\">\n              <Caption size=\"xs\" text=\"Shipped\" />\n            </ProgressStepItem>\n            <ProgressStepItem status=\"inactive\">\n              <Caption size=\"xs\" text=\"Delivered\" />\n            </ProgressStepItem>\n          </ProgressStep>\n          <Flex\n            align=\"center\"\n            gap=\"sm\"\n            hover={{ scale: \"sm\" }}\n            paddingRight=\"xl\"\n            paddingTop=\"xs\"\n          >\n            <Image\n              alt=\"Jean Jacket\"\n              rounded\n              size=\"sm\"\n              url=\"https://images.unsplash.com/photo-1543076447-215ad9ba6923?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3264&q=80\"\n            />\n            <Flex orientation=\"column\">\n              <Detail bold color=\"light\" text=\"Est. delivery Sept 12-16\" />\n              <Button\n                className=\"button-padding\"\n                size=\"sm\"\n                padding=\"none\"\n                variant=\"link\"\n                text=\"Order details & help\"\n                iconRight\n                icon=\"arrow-right\"\n              />\n            </Flex>\n          </Flex>\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default OrderDetailsCard;\n"],"names":["OrderDetailsCard","jsx","Flex","Card","jsxs","ProgressStep","ProgressStepItem","Caption","Image","Detail","Button"],"mappings":"4MAYA,MAAMA,EAAmB,IAErBC,EAAA,IAACC,EAAA,CACC,UAAU,kCACV,OAAO,UACP,MAAO,CAAE,MAAO,IAAK,EAErB,eAACC,EAAK,CAAA,WAAU,GAAC,aAAa,KAAK,OAAO,UAAU,QAAQ,KAC1D,gBAACD,EAAK,CAAA,YAAY,SAAS,IAAI,KAAK,MAAM,UACxC,SAAA,CAACE,EAAAA,KAAAC,EAAA,CAAa,KAAI,GAChB,SAAA,CAACJ,EAAAA,IAAAK,EAAA,CAAiB,OAAO,WACvB,SAAAL,EAAA,IAACM,GAAQ,KAAK,KAAK,KAAK,WAAA,CAAY,CACtC,CAAA,EACAN,EAAAA,IAACK,EAAiB,CAAA,OAAO,SACvB,SAAAL,EAAA,IAACM,GAAQ,KAAK,KAAK,KAAK,SAAA,CAAU,CACpC,CAAA,EACAN,EAAAA,IAACK,EAAiB,CAAA,OAAO,WACvB,SAAAL,EAAA,IAACM,GAAQ,KAAK,KAAK,KAAK,WAAA,CAAY,CACtC,CAAA,CAAA,EACF,EACAH,EAAA,KAACF,EAAA,CACC,MAAM,SACN,IAAI,KACJ,MAAO,CAAE,MAAO,IAAK,EACrB,aAAa,KACb,WAAW,KAEX,SAAA,CAAAD,EAAA,IAACO,EAAA,CACC,IAAI,cACJ,QAAO,GACP,KAAK,KACL,IAAI,qKAAA,CACN,EACAJ,EAAAA,KAACF,EAAK,CAAA,YAAY,SAChB,SAAA,CAAAD,MAACQ,GAAO,KAAI,GAAC,MAAM,QAAQ,KAAK,2BAA2B,EAC3DR,EAAA,IAACS,EAAA,CACC,UAAU,iBACV,KAAK,KACL,QAAQ,OACR,QAAQ,OACR,KAAK,uBACL,UAAS,GACT,KAAK,aAAA,CACP,CAAA,EACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAAA"}