text: (window.webpackJsonp=window.webpackJsonp||[]).push([[36],{g46z:function(e,t,a){"use strict";a.r(t),a.d(t,"_frontmatter",(function(){return b})),a.d(t,"default",(function(){return u}));var n=a("k0FJ"),o=a("oedh"),i=(a("mXGw"),a("/FXl")),r=a("TjRS"),d=a("ZFoC"),c=a("3DpS"),p=a("pGZ+"),s=a("ca/S"),b=(a("aD51"),{});void 0!==b&&b&&b===Object(b)&&Object.isExtensible(b)&&!b.hasOwnProperty("__filemeta")&&Object.defineProperty(b,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"src/components/ReactionList.mdx"}});var m={_frontmatter:b},l=r.a;function u(e){var t,a,u=e.components,f=Object(o.a)(e,["components"]);return Object(i.b)(l,Object(n.a)({},m,f,{components:u,mdxType:"MDXLayout"}),Object(i.b)("h1",{id:"reactionlist"},"ReactionList"),Object(i.b)("h2",{id:"properties"},"Properties"),Object(i.b)(d.d,{of:c.a,mdxType:"Props"}),Object(i.b)("h2",{id:"basic-usage"},"Basic usage"),Object(i.b)(d.c,{__position:1,__code:'<WithExampleStreamApp>\n  <Feed feedGroup="user">\n    <ReactionList\n      activityId="aba1d300-dc4a-11e8-8080-80010edf5810"\n      reactionKind="comment"\n      Reaction={props => (\n        <div style={{ padding: 10, border: \'1px solid black\' }}>\n          {props.reaction.data.text}\n        </div>\n      )}\n    />\n  </Feed>\n</WithExampleStreamApp>',__scope:(t={props:f,DefaultLayout:r.a,Playground:d.c,Props:d.d,ReactionList:c.a,WithExampleStreamApp:p.b,Feed:s.a},t.DefaultLayout=r.a,t._frontmatter=b,t),mdxType:"Playground"},Object(i.b)(p.b,{mdxType:"WithExampleStreamApp"},Object(i.b)(s.a,{feedGroup:"user",mdxType:"Feed"},Object(i.b)(c.a,{activityId:"aba1d300-dc4a-11e8-8080-80010edf5810",reactionKind:"comment",Reaction:function(e){return Object(i.b)("div",{style:{padding:10,border:"1px solid black"}},e.reaction.data.text)},mdxType:"ReactionList"})))),Object(i.b)("h2",{id:"reverse-order"},"Reverse order"),Object(i.b)(d.c,{__position:2,__code:'<WithExampleStreamApp>\n  <Feed feedGroup="user">\n    <ReactionList\n      activityId="aba1d300-dc4a-11e8-8080-80010edf5810"\n      reactionKind="comment"\n      reverseOrder\n      Reaction={props => (\n        <div style={{ padding: 10, border: \'1px solid black\' }}>\n          {props.reaction.data.text}\n        </div>\n      )}\n    />\n  </Feed>\n</WithExampleStreamApp>',__scope:(a={props:f,DefaultLayout:r.a,Playground:d.c,Props:d.d,ReactionList:c.a,WithExampleStreamApp:p.b,Feed:s.a},a.DefaultLayout=r.a,a._frontmatter=b,a),mdxType:"Playground"},Object(i.b)(p.b,{mdxType:"WithExampleStreamApp"},Object(i.b)(s.a,{feedGroup:"user",mdxType:"Feed"},Object(i.b)(c.a,{activityId:"aba1d300-dc4a-11e8-8080-80010edf5810",reactionKind:"comment",reverseOrder:!0,Reaction:function(e){return Object(i.b)("div",{style:{padding:10,border:"1px solid black"}},e.reaction.data.text)},mdxType:"ReactionList"})))))}void 0!==u&&u&&u===Object(u)&&Object.isExtensible(u)&&!u.hasOwnProperty("__filemeta")&&Object.defineProperty(u,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"src/components/ReactionList.mdx"}}),u.isMDXComponent=!0}}]);
  //# sourceMappingURL=component---src-components-reaction-list-mdx-06446292fc2328b6b114.js.map