"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", figcaption: "figcaption", figure: "figure", li: "li", p: "p", pre: "pre", span: "span", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["Credits ", _jsx(_components.a, { href: "https://marketplace.visualstudio.com/items?itemName=zhang-renyang.vscode-react", children: "zhang-renyang" })] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["Origial Github ", _jsx(_components.a, { href: "https://marketplace.visualstudio.com/items?itemName=zhang-renyang.vscode-react", children: "not found check marketplace" })] }), "\n"] }), "\n"] }), "\n", _jsxs("table", { children: [_jsxs("tr", { children: [_jsx("th", { children: "Prefix" }), _jsx("th", { children: "Description" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#exptp", children: "exptp" }) }), _jsx("td", { children: "exportType" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#expint", children: "expint" }) }), _jsx("td", { children: "exportInterface" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrce", children: "tsrce" }) }), _jsx("td", { children: "Creates a React component class with ES7 module system and TypeScript interfaces" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrfc", children: "tsrfc" }) }), _jsx("td", { children: "Creates a React Functional Component with ES7 module system and TypeScript interface" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrafc", children: "tsrafc" }) }), _jsx("td", { children: "Creates a React Arrow Function Component with ES7 module system and TypeScript interface" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrpce", children: "tsrpce" }) }), _jsx("td", { children: "Creates a React pure component class with ES7 module system and TypeScript interface" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrcredux", children: "tsrcredux" }) }), _jsx("td", { children: "Creates a React component class with connected redux and ES7 module system and TypeScript interfaces" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrnf", children: "tsrnf" }) }), _jsx("td", { children: "Creates a React Native Arrow Function Component with ES7 module system in TypeScript" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tsrnfs", children: "tsrnfs" }) }), _jsx("td", { children: "Creates a React Native Arrow Function Component with ES7 module system, TypeScript interface and StyleSheet" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rafce", children: "rafce" }) }), _jsx("td", { children: "Creates a React Arrow Function Component with ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rafcp", children: "rafcp" }) }), _jsx("td", { children: "Creates a React Arrow Function Component with ES7 module system with PropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rpcp", children: "rpcp" }) }), _jsx("td", { children: "Creates a React component class with ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rccp", children: "rccp" }) }), _jsx("td", { children: "Creates a React component class with PropTypes and ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rcredux", children: "rcredux" }) }), _jsx("td", { children: "Creates a React component class with connected redux and ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rcreduxp", children: "rcreduxp" }) }), _jsx("td", { children: "Creates a React component class with PropTypes with connected redux and ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rpce", children: "rpce" }) }), _jsx("td", { children: "Creates a React pure component class with ES7 module system export" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rpc", children: "rpc" }) }), _jsx("td", { children: "Creates a React pure component class with ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rmc", children: "rmc" }) }), _jsx("td", { children: "Creates a React Memo Function Component with ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rmcp", children: "rmcp" }) }), _jsx("td", { children: "Creates a React Memo Function Component with ES7 module system with PropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rfce", children: "rfce" }) }), _jsx("td", { children: "Creates a React Functional Component with ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rfcredux", children: "rfcredux" }) }), _jsx("td", { children: "Creates a React functional component with connected redux and ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rfcreduxp", children: "rfcreduxp" }) }), _jsx("td", { children: "DEPRECATED: Creates a React functional component with PropTypes with connected redux and ES7 module system" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rfcp", children: "rfcp" }) }), _jsx("td", { children: "Creates a React Functional Component with ES7 module system with PropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cas", children: "cas" }) }), _jsx("td", { children: "If the specified expression is false, the message is written to the console along with a stack trace" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ccl", children: "ccl" }) }), _jsx("td", { children: "Clears the console" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cco", children: "cco" }) }), _jsx("td", { children: "Writes the the number of times that count() has been invoked at the same line and with the same label" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cdi", children: "cdi" }) }), _jsx("td", { children: "Prints a JavaScript representation of the specified object" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cer", children: "cer" }) }), _jsx("td", { children: "Displays a message in the console and also includes a stack trace from where the method was called" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cgr", children: "cgr" }) }), _jsx("td", { children: "Groups and indents all following output by an additional level, until console.groupEnd() is called." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cge", children: "cge" }) }), _jsx("td", { children: "Closes out the corresponding console.group()." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#clg", children: "clg" }) }), _jsx("td", { children: "Displays a message in the console" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ctr", children: "ctr" }) }), _jsx("td", { children: "Prints a stack trace from the point where the method was called" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#clo", children: "clo" }) }), _jsx("td", { children: "Logs property with name." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#clj", children: "clj" }) }), _jsx("td", { children: "Logs stringified JSON property with name." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ctm", children: "ctm" }) }), _jsx("td", { children: "Console time wrapper" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cte", children: "cte" }) }), _jsx("td", { children: "Console time end wrapper" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cwa", children: "cwa" }) }), _jsx("td", { children: "Displays a message in the console but also displays a yellow warning icon along with the logged message" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cin", children: "cin" }) }), _jsx("td", { children: "Displays a message in the console but also displays a blue information icon along with the logged message" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ctl", children: "ctl" }) }), _jsx("td", { children: "Logs table to console" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useCallbackSnippet", children: "useCallbackSnippet" }) }), _jsx("td", { children: "useCallback" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useContextSnippet", children: "useContextSnippet" }) }), _jsx("td", { children: "useContext" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useEffectSnippet", children: "useEffectSnippet" }) }), _jsx("td", { children: "useEffect" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useImperativeHandleSnippet", children: "useImperativeHandleSnippet" }) }), _jsx("td", { children: "useImperativeHandle" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useLayoutEffectSnippet", children: "useLayoutEffectSnippet" }) }), _jsx("td", { children: "useLayoutEffect" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useMemoSnippet", children: "useMemoSnippet" }) }), _jsx("td", { children: "useMemo" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useReducerSnippet", children: "useReducerSnippet" }) }), _jsx("td", { children: "useReducer" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useRefSnippet", children: "useRefSnippet" }) }), _jsx("td", { children: "useRef" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#useStateSnippet", children: "useStateSnippet" }) }), _jsx("td", { children: "useState" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ima", children: "ima" }) }), _jsx("td", { children: "importAs" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imbr", children: "imbr" }) }), _jsx("td", { children: "importBrowserRouter" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrr", children: "imrr" }) }), _jsx("td", { children: "importBrowserRouterWithRouteAndNavLink" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imd", children: "imd" }) }), _jsx("td", { children: "importDestructing" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ime", children: "ime" }) }), _jsx("td", { children: "importEverything" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imn", children: "imn" }) }), _jsx("td", { children: "importNoModuleName" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#impt", children: "impt" }) }), _jsx("td", { children: "importPropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imr", children: "imr" }) }), _jsx("td", { children: "importReact" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrd", children: "imrd" }) }), _jsx("td", { children: "importReactDom" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrc", children: "imrc" }) }), _jsx("td", { children: "importReactWithComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrcp", children: "imrcp" }) }), _jsx("td", { children: "importReactWithComponentAndPropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrm", children: "imrm" }) }), _jsx("td", { children: "importReactWithMemo" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrmp", children: "imrmp" }) }), _jsx("td", { children: "importReactWithMemoAndPropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrpc", children: "imrpc" }) }), _jsx("td", { children: "importReactWithPureComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrpcp", children: "imrpcp" }) }), _jsx("td", { children: "importReactWithPureComponentAndPropTypes" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imbrl", children: "imbrl" }) }), _jsx("td", { children: "importRouterLink" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imbrnl", children: "imbrnl" }) }), _jsx("td", { children: "importRouterNavLink" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imbrc", children: "imbrc" }) }), _jsx("td", { children: "importRouterSetup" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imbrs", children: "imbrs" }) }), _jsx("td", { children: "importRouterSwitch" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imp", children: "imp" }) }), _jsx("td", { children: "import" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pta", children: "pta" }) }), _jsx("td", { children: "Array prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptar", children: "ptar" }) }), _jsx("td", { children: "Array prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptb", children: "ptb" }) }), _jsx("td", { children: "Bool prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptbr", children: "ptbr" }) }), _jsx("td", { children: "Bool prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptf", children: "ptf" }) }), _jsx("td", { children: "Func prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptfr", children: "ptfr" }) }), _jsx("td", { children: "Func prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptn", children: "ptn" }) }), _jsx("td", { children: "Number prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptnr", children: "ptnr" }) }), _jsx("td", { children: "Number prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pto", children: "pto" }) }), _jsx("td", { children: "Object prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptor", children: "ptor" }) }), _jsx("td", { children: "Object prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pts", children: "pts" }) }), _jsx("td", { children: "String prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptsr", children: "ptsr" }) }), _jsx("td", { children: "String prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptnd", children: "ptnd" }) }), _jsx("td", { children: "Anything that can be rendered: numbers, strings, elements or an array" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptndr", children: "ptndr" }) }), _jsx("td", { children: "Anything that can be rendered: numbers, strings, elements or an array required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptel", children: "ptel" }) }), _jsx("td", { children: "React element prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptelr", children: "ptelr" }) }), _jsx("td", { children: "React element prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pti", children: "pti" }) }), _jsx("td", { children: "Is an instance of a class prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptir", children: "ptir" }) }), _jsx("td", { children: "Is an instance of a class prop type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pte", children: "pte" }) }), _jsx("td", { children: "Prop type limited to specific values by treating it as an enum" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pter", children: "pter" }) }), _jsx("td", { children: "Prop type limited to specific values by treating it as an enum required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptet", children: "ptet" }) }), _jsx("td", { children: "An object that could be one of many types" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptetr", children: "ptetr" }) }), _jsx("td", { children: "An object that could be one of many types required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptao", children: "ptao" }) }), _jsx("td", { children: "An array of a certain type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptaor", children: "ptaor" }) }), _jsx("td", { children: "An array of a certain type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptoo", children: "ptoo" }) }), _jsx("td", { children: "An object with property values of a certain type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptoor", children: "ptoor" }) }), _jsx("td", { children: "An object with property values of a certain type required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptsh", children: "ptsh" }) }), _jsx("td", { children: "An object taking on a particular shape" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptshr", children: "ptshr" }) }), _jsx("td", { children: "An object taking on a particular shape required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptex", children: "ptex" }) }), _jsx("td", { children: "An object with warnings on extra properties" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptexr", children: "ptexr" }) }), _jsx("td", { children: "An object with warnings on extra properties required" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ptany", children: "ptany" }) }), _jsx("td", { children: "Any prop type" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnc", children: "rnc" }) }), _jsx("td", { children: "reactNativeComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnce", children: "rnce" }) }), _jsx("td", { children: "reactNativeComponentExport" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rncs", children: "rncs" }) }), _jsx("td", { children: "reactNativeComponentWithStyles" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnf", children: "rnf" }) }), _jsx("td", { children: "reactNativeFunctionalComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnfs", children: "rnfs" }) }), _jsx("td", { children: "reactNativeFunctionalComponentWithStyles" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnfe", children: "rnfe" }) }), _jsx("td", { children: "reactNativeFunctionalExportComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnfes", children: "rnfes" }) }), _jsx("td", { children: "reactNativeFunctionalExportComponentWithStyles" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#imrn", children: "imrn" }) }), _jsx("td", { children: "reactNativeImport" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnpc", children: "rnpc" }) }), _jsx("td", { children: "reactNativePureComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnpce", children: "rnpce" }) }), _jsx("td", { children: "reactNativePureComponentExport" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rnstyle", children: "rnstyle" }) }), _jsx("td", { children: "reactNativeStyles" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#redux", children: "redux" }) }), _jsx("td", { children: "importReduxConnect" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rxaction", children: "rxaction" }) }), _jsx("td", { children: "reduxAction" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rxconst", children: "rxconst" }) }), _jsx("td", { children: "reduxConst" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rxreducer", children: "rxreducer" }) }), _jsx("td", { children: "reduxReducer" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rxselect", children: "rxselect" }) }), _jsx("td", { children: "reduxSelector" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rxslice", children: "rxslice" }) }), _jsx("td", { children: "reduxSlice" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#reduxmap", children: "reduxmap" }) }), _jsx("td", { children: "mappingToProps" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#desc", children: "desc" }) }), _jsx("td", { children: "Testing `describe` block" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tita", children: "tita" }) }), _jsx("td", { children: "Testing asynchronous `it` block" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tit", children: "tit" }) }), _jsx("td", { children: "Testing `it` block" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#srtest", children: "srtest" }) }), _jsx("td", { children: "Create test component" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#sntest", children: "sntest" }) }), _jsx("td", { children: "setupReactNativeTest" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#snrtest", children: "snrtest" }) }), _jsx("td", { children: "setupReactNativeTestWithRedux" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#stest", children: "stest" }) }), _jsx("td", { children: "setupReactTest" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#testa", children: "testa" }) }), _jsx("td", { children: "Testing `asynchronous test` block" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#test", children: "test" }) }), _jsx("td", { children: "Testing `test` block" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#exp", children: "exp" }) }), _jsx("td", { children: "exportDefault" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#exd", children: "exd" }) }), _jsx("td", { children: "exportDestructing" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#exa", children: "exa" }) }), _jsx("td", { children: "exportAs" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#enf", children: "enf" }) }), _jsx("td", { children: "Export named function" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#edf", children: "edf" }) }), _jsx("td", { children: "Export default function" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ednf", children: "ednf" }) }), _jsx("td", { children: "Export default named function" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#met", children: "met" }) }), _jsx("td", { children: "Creates a method inside a class" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pge", children: "pge" }) }), _jsx("td", { children: "Creates a getter property inside a class" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#pse", children: "pse" }) }), _jsx("td", { children: "Creates a setter property inside a class" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#fre", children: "fre" }) }), _jsx("td", { children: "Creates a forEach statement" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#fof", children: "fof" }) }), _jsx("td", { children: "Iterating over property names of iterable objects" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#fin", children: "fin" }) }), _jsx("td", { children: "Iterating over property values of iterable objects" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#anfn", children: "anfn" }) }), _jsx("td", { children: "Creates an anonymous function" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#nfn", children: "nfn" }) }), _jsx("td", { children: "Creates a named function" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#dob", children: "dob" }) }), _jsx("td", { children: "Creates and assigns a local variable using object destructing" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#dar", children: "dar" }) }), _jsx("td", { children: "Creates and assigns a local variable using array destructing" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#sti", children: "sti" }) }), _jsx("td", { children: "Executes the given function at specified intervals" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#sto", children: "sto" }) }), _jsx("td", { children: "Executes the given function after the specified delay" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#prom", children: "prom" }) }), _jsx("td", { children: "Creates and returns a new Promise in the standard ES7 syntax" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cp", children: "cp" }) }), _jsx("td", { children: "Creates and assigns a local variable using props destructing" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cs", children: "cs" }) }), _jsx("td", { children: "Creates and assigns a local variable using state destructing" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rconst", children: "rconst" }) }), _jsx("td", { children: "Adds a default constructor for it('', () => {})the class that contains props as arguments" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#est", children: "est" }) }), _jsx("td", { children: "Creates empty state object. To be used in a constructor." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cdm", children: "cdm" }) }), _jsx("td", { children: "Invoked once, only on the client (not on the server), immediately after the initial rendering occurs." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#scu", children: "scu" }) }), _jsx("td", { children: "Invoked before rendering when new props or state are being received. " })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cdup", children: "cdup" }) }), _jsx("td", { children: "Invoked immediately after the component's updates are flushed to the DOM." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cwun", children: "cwun" }) }), _jsx("td", { children: "Invoked immediately before a component is unmounted from the DOM." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#gdsfp", children: "gdsfp" }) }), _jsx("td", { children: "Invoked right before calling the render method, both on the initial mount and on subsequent updates." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#gsbu", children: "gsbu" }) }), _jsx("td", { children: "Called right before mutations are made (e.g. before the DOM is updated)" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#rcontext", children: "rcontext" }) }), _jsx("td", { children: "Create React context" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cref", children: "cref" }) }), _jsx("td", { children: "Create ref statement used inside constructor" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ssf", children: "ssf" }) }), _jsx("td", { children: "Performs a shallow merge of nextState into current state" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#props", children: "props" }) }), _jsx("td", { children: "Access component's props" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#state", children: "state" }) }), _jsx("td", { children: "componentState" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#bnd", children: "bnd" }) }), _jsx("td", { children: "Binds this to a method" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#cmmb", children: "cmmb" }) }), _jsx("td", { children: "commentBigBlock" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#hocredux", children: "hocredux" }) }), _jsx("td", { children: "hocComponentWithRedux" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#hoc", children: "hoc" }) }), _jsx("td", { children: "hocComponent" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#tpf", children: "tpf" }) }), _jsx("td", { children: "typeofSnippet" })] })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "exptp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "exptp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"exportType\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exptp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export type ${1:first} = {${2:second}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exportType\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "expint" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "expint", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"exportInterface\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"expint\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export interface ${1:first} {${2:second}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exportInterface\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "tsrce" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "tsrce", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates a React component class with ES7 module system and TypeScript interfaces\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"tsrce\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { Component } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"type Props = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"type State = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"class ${1:${TM_FILENAME_BASE}} extends Component {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" state = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" render() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"

${1:first}

\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"${1:${TM_FILENAME_BASE}}.propTypes = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:${TM_FILENAME_BASE}}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates a React Functional Component with ES7 module system with PropTypes\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cas" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cas", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"If the specified expression is false, the message is written to the console along with a stack trace\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cas\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.assert(${1:first}, ${2:second})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"If the specified expression is false, the message is written to the console along with a stack trace\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ccl" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ccl", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Clears the console\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ccl\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.clear()\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Clears the console\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cco" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cco", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Writes the the number of times that count() has been invoked at the same line and with the same label\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cco\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.count(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Writes the the number of times that count() has been invoked at the same line and with the same label\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cdi" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cdi", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Prints a JavaScript representation of the specified object\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cdi\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.dir(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Prints a JavaScript representation of the specified object\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cer" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cer", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Displays a message in the console and also includes a stack trace from where the method was called\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cer\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.error(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Displays a message in the console and also includes a stack trace from where the method was called\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cgr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cgr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Groups and indents all following output by an additional level, until console.groupEnd() is called.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cgr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.group('${1:first}')\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Groups and indents all following output by an additional level, until console.groupEnd() is called.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cge" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cge", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Closes out the corresponding console.group().\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cge\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.groupEnd()\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Closes out the corresponding console.group().\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "clg" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "clg", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Displays a message in the console\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"clg\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.log(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Displays a message in the console\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ctr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ctr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Prints a stack trace from the point where the method was called\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ctr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.trace(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Prints a stack trace from the point where the method was called\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "clo" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "clo", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Logs property with name.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"clo\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.log('${1:first}', ${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Logs property with name.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "clj" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "clj", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Logs stringified JSON property with name.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"clj\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.log('${1:first}', JSON.stringify(${1:first}, null, 2))\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Logs stringified JSON property with name.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ctm" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ctm", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Console time wrapper\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ctm\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.time('${1:first}')\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Console time wrapper\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cte" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cte", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Console time end wrapper\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cte\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.timeEnd('${1:first}')\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Console time end wrapper\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cwa" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cwa", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Displays a message in the console but also displays a yellow warning icon along with the logged message\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cwa\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.warn(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Displays a message in the console but also displays a yellow warning icon along with the logged message\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cin" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cin", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Displays a message in the console but also displays a blue information icon along with the logged message\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cin\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.info(${1:first})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Displays a message in the console but also displays a blue information icon along with the logged message\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ctl" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ctl", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Logs table to console\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ctl\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"console.table([${1:first}])\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Logs table to console\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useCallbackSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useCallbackSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useCallback\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useCallbackSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"useCallback(\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" },\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" [${2:second}],\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \")\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useCallback\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useContextSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useContextSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useContext\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useContextSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:first} = useContext(${2:second})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useContext\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useEffectSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useEffectSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useEffect\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useEffectSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"useEffect(() => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${2:second}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}, [${3:third}])\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useEffect\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useImperativeHandleSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useImperativeHandleSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useImperativeHandle\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useImperativeHandleSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"useImperativeHandle(\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first},\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${2:second}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" },\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" [${3:third}],\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \")\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useImperativeHandle\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useLayoutEffectSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useLayoutEffectSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useLayoutEffect\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useLayoutEffectSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"useLayoutEffect(() => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${2:second}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" };\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}, [${3:third}])\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useLayoutEffect\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useMemoSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useMemoSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useMemo\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useMemoSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"useMemo(() => ${1:first}, [${2:second}])\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useMemo\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useReducerSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useReducerSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useReducer\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useReducerSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const [state, dispatch] = useReducer(${1:first}, ${2:second}, ${3:third})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useReducer\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useRefSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useRefSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useRef\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useRefSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:first} = useRef(${2:second})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useRef\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "useStateSnippet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "useStateSnippet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"useState\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useStateSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const [${1:first}, set${1/(.*)/${1:/capitalize}/}] = useState(${2:second})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"useState\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ima" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ima", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importAs\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ima\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { ${2:second} as ${3:third} } from '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importAs\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imbr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imbr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importBrowserRouter\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imbr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { BrowserRouter as Router } from 'react-router-dom'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importBrowserRouter\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importBrowserRouterWithRouteAndNavLink\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importBrowserRouterWithRouteAndNavLink\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imd" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imd", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importDestructing\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imd\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { ${2:second} } from '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importDestructing\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ime" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ime", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importEverything\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ime\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import * as ${2:second} from '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importEverything\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imn" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imn", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importNoModuleName\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imn\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importNoModuleName\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "impt" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "impt", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importPropTypes\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"impt\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import PropTypes from 'prop-types'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importPropTypes\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReact\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReact\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrd" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrd", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactDom\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrd\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import ReactDOM from 'react-dom'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactDom\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactWithComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { Component } from 'react'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactWithComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrcp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrcp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactWithComponentAndPropTypes\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrcp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { Component } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import PropTypes from 'prop-types'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactWithComponentAndPropTypes\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrm" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrm", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactWithMemo\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrm\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { memo } from 'react'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactWithMemo\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrmp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrmp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactWithMemoAndPropTypes\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrmp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { memo } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import PropTypes from 'prop-types'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactWithMemoAndPropTypes\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrpc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrpc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactWithPureComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrpc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { PureComponent } from 'react'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactWithPureComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrpcp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrpcp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReactWithPureComponentAndPropTypes\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrpcp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { PureComponent } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import PropTypes from 'prop-types'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReactWithPureComponentAndPropTypes\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imbrl" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imbrl", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importRouterLink\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imbrl\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Link } from 'react-router-dom'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importRouterLink\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imbrnl" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imbrnl", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importRouterNavLink\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imbrnl\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { NavLink } from 'react-router-dom'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importRouterNavLink\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imbrc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imbrc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importRouterSetup\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imbrc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Route, Switch, NavLink, Link } from 'react-router-dom'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importRouterSetup\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imbrs" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imbrs", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importRouterSwitch\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imbrs\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Switch } from 'react-router-dom'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importRouterSwitch\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"import\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import ${2:second} from '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"import\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pta" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pta", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Array prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pta\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.array\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Array prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptar" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptar", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Array prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptar\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.array.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Array prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptb" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptb", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Bool prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptb\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.bool\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Bool prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptbr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptbr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Bool prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptbr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.bool.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Bool prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Func prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.func\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Func prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptfr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptfr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Func prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptfr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.func.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Func prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptn" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptn", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Number prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptn\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.number\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Number prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptnr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptnr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Number prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptnr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.number.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Number prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pto" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pto", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Object prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pto\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.object\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Object prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptor" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptor", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Object prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptor\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.object.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Object prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pts" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pts", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"String prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pts\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.string\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"String prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptsr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptsr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"String prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptsr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.string.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"String prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptnd" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptnd", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Anything that can be rendered: numbers, strings, elements or an array\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptnd\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.node\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Anything that can be rendered: numbers, strings, elements or an array\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptndr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptndr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Anything that can be rendered: numbers, strings, elements or an array required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptndr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.node.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Anything that can be rendered: numbers, strings, elements or an array required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptel" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptel", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"React element prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptel\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.element\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"React element prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptelr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptelr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"React element prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptelr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.element.isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"React element prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pti" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pti", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Is an instance of a class prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pti\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.instanceOf($0)\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Is an instance of a class prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptir" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptir", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Is an instance of a class prop type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptir\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.instanceOf($0).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Is an instance of a class prop type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pte" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pte", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Prop type limited to specific values by treating it as an enum\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pte\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.oneOf(['$0'])\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Prop type limited to specific values by treating it as an enum\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pter" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pter", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Prop type limited to specific values by treating it as an enum required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pter\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.oneOf(['$0']).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Prop type limited to specific values by treating it as an enum required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptet" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptet", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object that could be one of many types\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.oneOfType([\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" $0\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"])\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object that could be one of many types\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptetr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptetr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object that could be one of many types required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptetr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.oneOfType([\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" $0\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"]).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object that could be one of many types required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptao" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptao", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An array of a certain type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptao\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.arrayOf($0)\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An array of a certain type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptaor" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptaor", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An array of a certain type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptaor\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.arrayOf($0).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An array of a certain type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptoo" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptoo", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object with property values of a certain type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptoo\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.objectOf($0)\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object with property values of a certain type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptoor" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptoor", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object with property values of a certain type required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptoor\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.objectOf($0).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object with property values of a certain type required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptsh" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptsh", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object taking on a particular shape\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptsh\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.shape({\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" $0\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object taking on a particular shape\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptshr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptshr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object taking on a particular shape required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptshr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.shape({\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" $0\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object taking on a particular shape required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptex" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptex", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object with warnings on extra properties\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptex\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.exact({\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" $0\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object with warnings on extra properties\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptexr" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptexr", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"An object with warnings on extra properties required\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptexr\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.exact({\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" $0\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}).isRequired\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"An object with warnings on extra properties required\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ptany" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ptany", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Any prop type\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ptany\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"PropTypes.any\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Any prop type\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Text, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { Component } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default class ${1:${TM_FILENAME_BASE}} extends Component {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" render() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnce" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnce", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeComponentExport\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnce\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Text, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { Component } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export class ${1:${TM_FILENAME_BASE}} extends Component {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" render() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:${TM_FILENAME_BASE}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeComponentExport\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rncs" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rncs", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeComponentWithStyles\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rncs\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Text, StyleSheet, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { Component } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default class ${1:${TM_FILENAME_BASE}} extends Component {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" render() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const styles = StyleSheet.create({})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeComponentWithStyles\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeFunctionalComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { View, Text } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default function ${1:${TM_FILENAME_BASE}}() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeFunctionalComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnfs" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnfs", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeFunctionalComponentWithStyles\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnfs\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { StyleSheet, Text, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default function ${1:${TM_FILENAME_BASE}}() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const styles = StyleSheet.create({})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeFunctionalComponentWithStyles\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnfe" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnfe", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeFunctionalExportComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnfe\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { View, Text } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:${TM_FILENAME_BASE}} = () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:${TM_FILENAME_BASE}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeFunctionalExportComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnfes" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnfes", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeFunctionalExportComponentWithStyles\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnfes\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { StyleSheet, Text, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:${TM_FILENAME_BASE}} = () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:${TM_FILENAME_BASE}}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const styles = StyleSheet.create({})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeFunctionalExportComponentWithStyles\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "imrn" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "imrn", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeImport\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"imrn\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { ${1:first} } from 'react-native'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeImport\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnpc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnpc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativePureComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnpc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Text, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { PureComponent } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default class ${1:${TM_FILENAME_BASE}} extends PureComponent {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" render() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativePureComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnpce" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnpce", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativePureComponentExport\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnpce\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Text, View } from 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React, { PureComponent } from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export class ${1:${TM_FILENAME_BASE}} extends PureComponent {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" render() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return (\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:${TM_FILENAME_BASE}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativePureComponentExport\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rnstyle" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rnstyle", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reactNativeStyles\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rnstyle\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const styles = StyleSheet.create({${1:first}})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reactNativeStyles\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "redux" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "redux", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"importReduxConnect\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"redux\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { connect } from 'react-redux'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"importReduxConnect\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rxaction" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rxaction", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reduxAction\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rxaction\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const ${1:first} = (payload) => ({\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" type: ${2:second},\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" payload\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reduxAction\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rxconst" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rxconst", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reduxConst\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rxconst\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const ${1:first} = '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reduxConst\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rxreducer" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rxreducer", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reduxReducer\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rxreducer\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"const initialState = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default (state = initialState, { type, payload }) => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" switch (type) {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" case ${1:first}:\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return { ...state, ...payload }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" default:\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return state\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reduxReducer\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rxselect" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rxselect", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reduxSelector\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rxselect\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { createSelector } from 'reselect'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const ${1:first} = state => state.${2:second}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reduxSelector\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rxslice" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rxslice", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"reduxSlice\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rxslice\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { createSlice } from '@reduxjs/toolkit'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"const initialState = {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:${TM_FILENAME_BASE}} = createSlice({\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" name: ${2:second},\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" initialState,\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" reducers: {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"});\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const {} = ${1:${TM_FILENAME_BASE}}.actions\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:${TM_FILENAME_BASE}}.reducer\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reduxSlice\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "reduxmap" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "reduxmap", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"mappingToProps\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"reduxmap\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"const mapStateToProps = (state) => ({})\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const mapDispatchToProps = {}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"mappingToProps\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "desc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "desc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Testing `describe` block\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"desc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"describe('${1:first}', () => { ${2:second} })\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Testing `describe` block\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "tita" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "tita", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Testing asynchronous `it` block\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"tita\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"it('should ${1:first}', async () => { ${2:second} })\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Testing asynchronous `it` block\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "tit" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "tit", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Testing `it` block\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"tit\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"it('should ${1:first}', () => { ${2:second} })\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Testing `it` block\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "srtest" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "srtest", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Create test component\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"srtest\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import renderer from 'react-test-renderer'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Provider } from 'react-redux'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import store from '~/store'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { ${1:${TM_FILENAME_BASE}} } from '../${1:${TM_FILENAME_BASE}}'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"describe('<${1:${TM_FILENAME_BASE}} />', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const defaultProps = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const wrapper = renderer.create(\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" <${1:${TM_FILENAME_BASE}} {...defaultProps} />\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ,\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" test('render', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" expect(wrapper).toMatchSnapshot()\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" })\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Create test component\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "sntest" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "sntest", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"setupReactNativeTest\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"sntest\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import renderer from 'react-test-renderer'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import ${1:${TM_FILENAME_BASE}} from '../${1:${TM_FILENAME_BASE}}'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"describe('<${1:${TM_FILENAME_BASE}} />', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const defaultProps = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const wrapper = renderer.create(<${1:${TM_FILENAME_BASE}} {...defaultProps} />)\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" test('render', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" expect(wrapper).toMatchSnapshot()\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" })\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"setupReactNativeTest\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "snrtest" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "snrtest", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"setupReactNativeTestWithRedux\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"snrtest\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import 'react-native'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import renderer from 'react-test-renderer'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { Provider } from 'react-redux'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import store from '~/store'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import ${1:${TM_FILENAME_BASE}} from '../${1:${TM_FILENAME_BASE}}'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"describe('<${1:${TM_FILENAME_BASE}} />', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const defaultProps = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const wrapper = renderer.create(\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" <${1:${TM_FILENAME_BASE}} {...defaultProps} />\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ,\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" )\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" test('render', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" expect(wrapper).toMatchSnapshot()\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" })\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"setupReactNativeTestWithRedux\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "stest" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "stest", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"setupReactTest\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"stest\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import renderer from 'react-test-renderer'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { ${1:${TM_FILENAME_BASE}} } from '../${1:${TM_FILENAME_BASE}}'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"describe('<${1:${TM_FILENAME_BASE}} />', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const defaultProps = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const wrapper = renderer.create(<${1:${TM_FILENAME_BASE}} {...defaultProps} />)\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" test('render', () => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" expect(wrapper).toMatchSnapshot()\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" })\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"setupReactTest\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "testa" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "testa", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Testing `asynchronous test` block\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"testa\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"test('should ${1:first}', async () => { ${2:second} })\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Testing `asynchronous test` block\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "test" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "test", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Testing `test` block\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"test\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"test('should ${1:first}', () => { ${2:second} })\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Testing `test` block\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "exp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "exp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"exportDefault\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default ${1:first}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exportDefault\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "exd" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "exd", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"exportDestructing\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exd\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export { ${2:second} } from '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exportDestructing\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "exa" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "exa", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"exportAs\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exa\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export { ${2:second} as ${3:third} } from '${1:first}'\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"exportAs\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "enf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "enf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Export named function\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"enf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const ${1:first} = (${2:second}) => {${3:third}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Export named function\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "edf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "edf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Export default function\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"edf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default (${1:first}) => {${2:second}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Export default function\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ednf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ednf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Export default named function\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ednf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default function ${1:first}(${2:second}) {${3:third}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Export default named function\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "met" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "met", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates a method inside a class\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"met\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"${1:first} = (${2:second}) => {${3:third}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates a method inside a class\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pge" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pge", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates a getter property inside a class\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pge\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"get ${1:first}() {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return this.${2:second}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates a getter property inside a class\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "pse" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "pse", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates a setter property inside a class\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"pse\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"set ${1:first}(${2:second}) {${3:third}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates a setter property inside a class\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "fre" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "fre", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates a forEach statement\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"fre\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"${1:first}.forEach(${2:second} => {${3:third}})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates a forEach statement\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "fof" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "fof", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Iterating over property names of iterable objects\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"fof\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"for(let ${1:first} of ${2:second}) {${3:third}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Iterating over property names of iterable objects\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "fin" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "fin", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Iterating over property values of iterable objects\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"fin\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"for(let ${1:first} in ${2:second}) {${3:third}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Iterating over property values of iterable objects\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "anfn" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "anfn", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates an anonymous function\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"anfn\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"(${1:first}) => { ${2:second} }\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates an anonymous function\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "nfn" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "nfn", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates a named function\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"nfn\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:first} = (${2:second}) => { ${3:third} }\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates a named function\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "dob" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "dob", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates and assigns a local variable using object destructing\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"dob\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const {${2:second}} = ${1:first}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates and assigns a local variable using object destructing\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "dar" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "dar", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates and assigns a local variable using array destructing\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"dar\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const [${2:second}] = ${1:first}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates and assigns a local variable using array destructing\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "sti" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "sti", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Executes the given function at specified intervals\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"sti\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"setInterval(() => { ${1:first} }, ${2:second})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Executes the given function at specified intervals\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "sto" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "sto", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Executes the given function after the specified delay\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"sto\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"setTimeout(() => { ${1:first} }, ${2:second})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Executes the given function after the specified delay\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "prom" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "prom", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates and returns a new Promise in the standard ES7 syntax\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"prom\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"return new Promise((resolve, reject) => { ${1:first} })\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates and returns a new Promise in the standard ES7 syntax\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates and assigns a local variable using props destructing\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const { ${1:first} } = this.props\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates and assigns a local variable using props destructing\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cs" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cs", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates and assigns a local variable using state destructing\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cs\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const { ${1:first} } = this.state\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates and assigns a local variable using state destructing\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rconst" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rconst", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Adds a default constructor for it('', () => {})the class that contains props as arguments\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rconst\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"constructor(props) {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" super(props)\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" this.state = {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" }\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Adds a default constructor for it('', () => {})the class that contains props as arguments\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "est" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "est", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Creates empty state object. To be used in a constructor.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"est\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"state = { ${1:first} }\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Creates empty state object. To be used in a constructor.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cdm" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cdm", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Invoked once, only on the client (not on the server), immediately after the initial rendering occurs.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cdm\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"componentDidMount() { ${1:first} }\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Invoked once, only on the client (not on the server), immediately after the initial rendering occurs.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "scu" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "scu", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Invoked before rendering when new props or state are being received. \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"scu\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"shouldComponentUpdate(nextProps, nextState) { ${1:first} }\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Invoked before rendering when new props or state are being received. \"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cdup" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cdup", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Invoked immediately after the component's updates are flushed to the DOM.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cdup\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"componentDidUpdate(prevProps, prevState) { ${1:first}} \"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Invoked immediately after the component's updates are flushed to the DOM.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cwun" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cwun", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Invoked immediately before a component is unmounted from the DOM.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cwun\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"componentWillUnmount() {${1:first} }\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Invoked immediately before a component is unmounted from the DOM.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "gdsfp" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "gdsfp", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Invoked right before calling the render method, both on the initial mount and on subsequent updates.\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"gdsfp\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"static getDerivedStateFromProps(props, state) {${1:first}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Invoked right before calling the render method, both on the initial mount and on subsequent updates.\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "gsbu" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "gsbu", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Called right before mutations are made (e.g. before the DOM is updated)\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"gsbu\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"getSnapshotBeforeUpdate = (prevProps, prevState) => {${1:first}}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Called right before mutations are made (e.g. before the DOM is updated)\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "rcontext" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "rcontext", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Create React context\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"rcontext\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"const ${1:first} = React.createContext()\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Create React context\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cref" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cref", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Create ref statement used inside constructor\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cref\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"this.${1:first}Ref = React.createRef()\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Create ref statement used inside constructor\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "ssf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "ssf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Performs a shallow merge of nextState into current state\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"ssf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"this.setState((state, props) => { return { ${1:first} }})\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Performs a shallow merge of nextState into current state\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "props" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "props", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Access component's props\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"props\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"this.props.${1:first}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Access component's props\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "state" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "state", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"componentState\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"state\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"this.state.${1:first}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"componentState\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "bnd" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "bnd", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"Binds this to a method\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"bnd\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"this.${1:first} = this.${1:first}.bind(this)\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"Binds this to a method\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "cmmb" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "cmmb", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"commentBigBlock\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"cmmb\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"/**\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" * ${1:first}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \" */\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"commentBigBlock\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "hocredux" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "hocredux", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"hocComponentWithRedux\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"hocredux\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import { connect } from 'react-redux'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import PropTypes from 'prop-types'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const mapStateToProps = state => ({})\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const mapDispatchToProps = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export const ${1:first} = (WrappedComponent) => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const hocComponent = ({ ...props }) => \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" hocComponent.propTypes = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return hocComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default WrapperComponent => connect(mapStateToProps, mapDispatchToProps)(${1:first}(WrapperComponent))\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"hocComponentWithRedux\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "hoc" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "hoc", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"hocComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"hoc\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import React from 'react'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"import PropTypes from 'prop-types'\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"export default (WrappedComponent) => {\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" const hocComponent = ({ ...props }) => \"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" hocComponent.propTypes = {}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \" return hocComponent\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#032F62" }, children: " \"}\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"hocComponent\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "json", "data-theme": "github-light", children: "tpf" }), _jsx(_components.pre, { style: { backgroundColor: "#fff", color: "#24292e" }, tabIndex: "0", "data-language": "json", "data-theme": "github-light", __title__: "tpf", children: _jsxs(_components.code, { "data-language": "json", "data-theme": "github-light", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"typeofSnippet\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"prefix\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"tpf\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"body\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": [" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#032F62" }, children: " \"typeof ${1:first}\"" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " ]," }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#005CC5" }, children: " \"description\"" }), _jsx(_components.span, { style: { color: "#24292E" }, children: ": " }), _jsx(_components.span, { style: { color: "#032F62" }, children: "\"typeofSnippet\"" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#24292E" }, children: "}" }) })] }) })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };

React Snippets