text: (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1603:function(module,exports,__webpack_require__){var content=__webpack_require__(1604);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(1606)(content,options);content.locals&&(module.exports=content.locals)},1604:function(module,exports,__webpack_require__){(module.exports=__webpack_require__(1605)(!1)).push([module.i,".custom-right-arrow {\n  position: absolute !important;\n  right: 10px;\n  z-index: 1;\n}\n.custom-left-arrow {\n  position: absolute !important;\n  left: 10px;\n  z-index: 1;\n}\n.container {\n  margin-top: 50px;\n}\n",""])},1697:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const React=__webpack_require__(1),style_1=__webpack_require__(1698),utils_1=__webpack_require__(1699),defaultTransitionDuration=300,defaultTransition="transform 300ms ease-in-out";class Carousel extends React.Component{constructor(props){super(props),this.containerRef=React.createRef(),this.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:React.Children.count(props.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},this.onResize=this.onResize.bind(this),this.handleDown=this.handleDown.bind(this),this.handleMove=this.handleMove.bind(this),this.handleOut=this.handleOut.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this.handleEnter=this.handleEnter.bind(this),this.next=this.next.bind(this),this.previous=this.previous.bind(this),this.onMove=!1,this.initialPosition=0,this.lastPosition=0,this.isAnimationAllowed=!0,this.direction=""}componentDidMount(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.props.autoPlaySpeed&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))}setItemsToShow(shouldCorrectItemPosition){const{responsive:responsive}=this.props;Object.keys(responsive).forEach(item=>{const{breakpoint:breakpoint,items:items}=responsive[item],{max:max,min:min}=breakpoint;window.innerWidth>=min&&window.innerWidth<=max&&(this.setState({slidesToShow:items,deviceType:item}),this.setContainerAndItemWidth(items,shouldCorrectItemPosition))})}setContainerAndItemWidth(slidesToShow,shouldCorrectItemPosition){if(this.containerRef&&this.containerRef.current){const containerWidth=this.containerRef.current.offsetWidth,itemWidth=Math.round(this.containerRef.current.offsetWidth/slidesToShow);this.setState({containerWidth:containerWidth,itemWidth:itemWidth}),shouldCorrectItemPosition&&this.setState({transform:-itemWidth*this.state.currentSlide})}}onResize(){this.setItemsToShow()}componentDidUpdate({keyBoardControl:keyBoardControl,autoPlay:autoPlay},{containerWidth:containerWidth}){this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==containerWidth&&setTimeout(()=>{this.setItemsToShow(!0)},this.props.transitionDuration||defaultTransitionDuration),keyBoardControl&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),autoPlay&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),autoPlay||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))}resetAllItems(){this.setState({transform:0,currentSlide:0})}next(slidesHavePassed=0){this.isAnimationAllowed=!0;const{slidesToShow:slidesToShow}=this.state,{slidesToSlide:slidesToSlide,infinite:infinite}=this.props,nextMaximumSlides=this.state.currentSlide+1+slidesHavePassed+slidesToShow+slidesToSlide,nextSlides=this.state.currentSlide+slidesHavePassed+slidesToSlide,nextPosition=-this.state.itemWidth*nextSlides;if(nextMaximumSlides<=this.state.totalItems)this.setState({transform:nextPosition,currentSlide:nextSlides});else if(nextMaximumSlides>this.state.totalItems&&this.state.currentSlide!==this.state.totalItems-slidesToShow){const maxSlides=this.state.totalItems-slidesToShow,maxPosition=-this.state.itemWidth*maxSlides;this.setState({transform:maxPosition,currentSlide:maxSlides})}else infinite&&this.resetAllItems()}previous(slidesHavePassed=0){this.isAnimationAllowed=!0;const{slidesToShow:slidesToShow}=this.state,{slidesToSlide:slidesToSlide,infinite:infinite}=this.props,nextSlides=this.state.currentSlide-slidesHavePassed-slidesToSlide,nextPosition=-this.state.itemWidth*nextSlides;if(nextSlides>=0)this.setState({transform:nextPosition,currentSlide:nextSlides});else if(nextSlides<0&&0!==this.state.currentSlide)this.setState({transform:0,currentSlide:0});else{const maxSlides=this.state.totalItems-slidesToShow,maxPosition=-this.state.itemWidth*maxSlides;infinite&&this.setState({transform:maxPosition,currentSlide:maxSlides})}}componentWillUnmount(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0)}resetMoveStatus(){this.onMove=!1,this.initialPosition=0,this.lastPosition=0,this.direction=""}handleDown(e){if(e.touches&&this.props.disableSwipeOnMobile||e&&!e.touches&&this.props.disableDrag)return;const{clientX:clientX}=e.touches?e.touches[0]:e;this.onMove=!0,this.initialPosition=clientX,this.lastPosition=clientX,this.isAnimationAllowed=!1}handleMove(e){if(e.touches&&this.props.disableSwipeOnMobile||e&&!e.touches&&this.props.disableDrag)return;const{clientX:clientX}=e.touches?e.touches[0]:e;if(e.touches&&this.autoPlay&&this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.onMove){if(this.initialPosition>clientX){this.direction="right";const translateXLimit=Math.abs(-this.state.itemWidth*(this.state.totalItems-this.state.slidesToShow)),nextTranslate=this.state.transform-(this.lastPosition-clientX),isLastSlide=this.state.currentSlide===this.state.totalItems-this.state.slidesToShow;(Math.abs(nextTranslate)<=translateXLimit||isLastSlide&&this.props.infinite)&&this.setState({transform:nextTranslate})}if(clientX>this.initialPosition){this.direction="left";const nextTranslate=this.state.transform+(clientX-this.lastPosition),isFirstSlide=0===this.state.currentSlide;(nextTranslate<=0||isFirstSlide&&this.props.infinite)&&this.setState({transform:nextTranslate})}this.lastPosition=clientX}}handleOut(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));const shouldDisableOnMobile="touchend"===e.type&&this.props.disableSwipeOnMobile,shouldDisableOnDesktop=("mouseleave"===e.type||"mouseup"===e.type)&&this.props.disableDrag;if(!shouldDisableOnMobile&&!shouldDisableOnDesktop&&this.onMove){if("right"===this.direction){const slidesHavePassed=Math.round((this.initialPosition-this.lastPosition)/this.state.itemWidth);this.next(slidesHavePassed)}if("left"===this.direction){const slidesHavePassed=Math.round((this.lastPosition-this.initialPosition)/this.state.itemWidth);this.previous(slidesHavePassed)}this.resetMoveStatus()}}onKeyUp(e){switch(e.keyCode){case 37:return this.previous();case 39:return this.next()}}handleEnter(){this.autoPlay&&this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0)}renderLeftArrow(){const{customLeftArrow:customLeftArrow}=this.props;return customLeftArrow?React.cloneElement(customLeftArrow,{onClick:()=>this.previous()}):React.createElement("i",{style:style_1.leftArrowStyle,onClick:()=>this.previous()})}renderRightArrow(){const{customRightArrow:customRightArrow}=this.props;return customRightArrow?React.cloneElement(customRightArrow,{onClick:()=>this.next()}):React.createElement("i",{style:style_1.rightArrowStyle,onClick:()=>this.next()})}render(){const{domLoaded:domLoaded,slidesToShow:slidesToShow,containerWidth:containerWidth,itemWidth:itemWidth}=this.state,{deviceType:deviceType,responsive:responsive,forSSR:forSSR,children:children,slidesToSlide:slidesToSlide,removeArrow:removeArrow,removeArrowOnDeviceType:removeArrowOnDeviceType,infinite:infinite,containerClassName:containerClassName,contentClassName:contentClassName,itemClassName:itemClassName,customTransition:customTransition}=this.props;let flexBisis;const domFullyLoaded=domLoaded&&slidesToShow&&containerWidth&&itemWidth;forSSR&&deviceType&&!domFullyLoaded&&(flexBisis=utils_1.guessWidthFromDeviceType(deviceType,responsive));const shouldRenderOnSSR=forSSR&&deviceType&&!domFullyLoaded&&flexBisis,isLeftEndReach=!(this.state.currentSlide-slidesToSlide>=0),isRightEndReach=!(this.state.currentSlide+1+slidesToShow<=this.state.totalItems),shouldShowArrows=!(removeArrow||removeArrowOnDeviceType&&(deviceType&&removeArrowOnDeviceType.indexOf(deviceType)>-1||this.state.deviceType&&removeArrowOnDeviceType.indexOf(this.state.deviceType)>-1)),disableLeftArrow=!infinite&&isLeftEndReach,disableRightArrow=!infinite&&isRightEndReach;return React.createElement("div",{className:containerClassName,ref:this.containerRef,style:style_1.containerStyle},React.createElement("ul",{className:contentClassName,style:Object.assign({},style_1.contentStyle,{listStyle:"none",padding:0,margin:0,transition:this.isAnimationAllowed?customTransition||defaultTransition:"none",overflow:shouldRenderOnSSR?"hidden":"unset",transform:`translate3d(${this.state.transform}px,0,0)`}),onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},React.Children.toArray(children).map((child,index)=>React.createElement("li",{key:index,style:{flex:shouldRenderOnSSR?`1 0 ${flexBisis}%`:"auto",width:domFullyLoaded?`${itemWidth}px`:"auto"},className:itemClassName},child))),shouldShowArrows&&!disableLeftArrow&&this.renderLeftArrow(),shouldShowArrows&&!disableRightArrow&&this.renderRightArrow())}}Carousel.defaultProps={slidesToSlide:1,infinite:!1,containerClassName:"",contentClassName:"",itemClassName:"",keyBoardControl:!0,autoPlaySpeed:3e3},exports.default=Carousel},1698:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.containerStyle={display:"flex",alignItems:"center",overflow:"hidden"};exports.contentStyle={display:"flex",flexDirection:"row",position:"relative",willChange:"transform"};const arrowStyle={zIndex:1,position:"absolute",border:"solid black",borderWidth:"0 3px 3px 0",display:"inline-block",padding:13,cursor:"pointer"};exports.arrowStyle=arrowStyle;const leftArrowStyle=Object.assign({},arrowStyle,{left:30,transform:"rotate(135deg)"});exports.leftArrowStyle=leftArrowStyle;const rightArrowStyle=Object.assign({},arrowStyle,{right:30,transform:"rotate(-45deg)"});exports.rightArrowStyle=rightArrowStyle},1699:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.guessWidthFromDeviceType=function(deviceType,responsive){let itemWidth;if(responsive[deviceType]){const{items:items}=responsive[deviceType];itemWidth=(100/items).toFixed(1)}return itemWidth}},264:function(module,exports,__webpack_require__){__webpack_require__(265),__webpack_require__(344),module.exports=__webpack_require__(345)},345:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(15),__webpack_require__(11),__webpack_require__(16);var _storybook_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(86),req=__webpack_require__(441);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_3__.configure)(function(){req.keys().forEach(function(filename){return req(filename)})},module)}.call(this,__webpack_require__(179)(module))},441:function(module,exports,__webpack_require__){var map={"./index.stories.js":442};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=441},442:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(443),__webpack_require__(53),__webpack_require__(206);var react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__),faker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(256),faker__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(faker__WEBPACK_IMPORTED_MODULE_4__),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(62),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_5__),react_ga__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(155),react_ga__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react_ga__WEBPACK_IMPORTED_MODULE_6__),_storybook_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(86),storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_10__=(__webpack_require__(1493),__webpack_require__(1598),__webpack_require__(257)),storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_10__),_Card__WEBPACK_IMPORTED_MODULE_12__=(__webpack_require__(1603),__webpack_require__(46)),_src__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(47),_src__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(_src__WEBPACK_IMPORTED_MODULE_13__);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_7__.setAddon)(storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_10___default.a),"undefined"!=typeof window&&(react_ga__WEBPACK_IMPORTED_MODULE_6___default.a.initialize("UA-135638821-1"),react_ga__WEBPACK_IMPORTED_MODULE_6___default.a.pageview(window.location.pathname+window.location.search));var images=["https://images.unsplash.com/photo-1552298930-24a24595de10?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552300977-cbc8b08d95e7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552250638-14e2a8e85123?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552320853-b14fa736e4c0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552320853-b14fa736e4c0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552311412-02930b11ce59?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552285227-5a2f4b075a64?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552264885-97cf191866e9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552255096-2c689c9da505?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552318965-6e6be7484ada?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552311971-598182195748?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1552256029-4e3aa83bbe2f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"],texts=["Appending currency sign to a purchase form in your e-commerce site using plain JavaScript.","Fixing CSS load order/style.chunk.css incorrect in Nextjs","React Carousel with Server Side Rendering Support – Part 1","React Carousel with Server Side Rendering Support – Part 2","Flutter Xcode couldn’t find any iOS App Development provisioning profiles"],fakerData=Array(12).fill(0).map(function(item,index){var number=faker__WEBPACK_IMPORTED_MODULE_4___default.a.random.number({min:0,max:3});return{image:images[index],headline:"w3js.com - web front-end studio",description:texts[number]}}),responsive={desktop:{breakpoint:{max:3e3,min:1024},items:3},tablet:{breakpoint:{max:1024,min:464},items:2},mobile:{breakpoint:{max:464,min:0},items:1}},CustomLeftArrow=function(_ref){var _onClick=_ref.onClick;return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_5___default.a,{onClick:function(){return _onClick()},className:"custom-left-arrow",variant:"contained",size:"medium",color:"primary"},"Prev")},CustomRightArrow=function(_ref2){var _onClick2=_ref2.onClick;return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_5___default.a,{className:"custom-right-arrow",onClick:function(){return _onClick2()},variant:"contained",size:"medium",color:"primary"},"Next")};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_7__.storiesOf)("Carousel",module).addWithJSX("With infinite mode",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{containerClassName:"container",infinite:!0,responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))}).addWithJSX("Without infinite mode",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{containerClassName:"container",responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))}).addWithJSX("Custom arrow",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{infinite:!0,containerClassName:"container",customLeftArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(CustomLeftArrow,null),customRightArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(CustomRightArrow,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))}).addWithJSX("No drag on desktop",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{containerClassName:"container",disableDrag:!0,infinite:!0,customLeftArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(CustomLeftArrow,null),customRightArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(CustomRightArrow,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))}).addWithJSX("No swipe on mobile",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{disableSwipeOnMobile:!0,containerClassName:"container",infinite:!0,customLeftArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(CustomLeftArrow,null),customRightArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(CustomRightArrow,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))}).addWithJSX("Slide two at a time",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{containerClassName:"container",slidesToSlide:2,responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))}).addWithJSX("auto play",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_13___default.a,{autoPlay:!0,infinite:!0,autoPlaySpeed:1e3,containerClassName:"container",slidesToSlide:2,responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_12__.a,card)}))})}.call(this,__webpack_require__(179)(module))},46:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(263),_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(258),_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2__),_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(259),_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3__),_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(262),_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4__),_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(261),_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5__),_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(260),_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6__),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(62),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7__),_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(156),_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8__);function MediaCard(props){var classes=props.classes,image=props.image,headline=props.headline,description=props.description;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2___default.a,{className:classes.card},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3___default.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6___default.a,{className:classes.media,image:image,title:headline}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5___default.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,{gutterBottom:!0,variant:"h5",component:"h2"},headline),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,{component:"p"},description))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4___default.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a",{target:"_blank",href:"https://w3js.com"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7___default.a,{size:"small",color:"primary"},"Share")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a",{target:"_blank",href:"https://w3js.com"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7___default.a,{size:"small",color:"primary"},"Learn More"))))}__webpack_exports__.a=Object(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_1__.withStyles)({card:{margin:"0 20px"},media:{height:140}})(MediaCard),MediaCard.__docgenInfo={description:"",methods:[],displayName:"MediaCard"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/Card.js"]={name:"MediaCard",docgenInfo:MediaCard.__docgenInfo,path:"stories/Card.js"})},47:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const Carousel_1=__webpack_require__(1697);exports.default=Carousel_1.default}},[[264,1,2]]]);
  //# sourceMappingURL=main.326f5467326bb906a564.bundle.js.map