"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5711],{"./lib/view/intro.stories.mdx":(_,d,s)=>{s.r(d),s.d(d,{__namedExportsOrder:()=>O,__page:()=>m,default:()=>h});var e={};s.r(e);var j=s("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),p=s("./node_modules/.pnpm/@storybook+addon-docs@6.5.16_@babel+core@7.28.5_eslint@8.57.1_typescript@5.9.3_webpack-cli@5.1.4_webpack@5.102.1/node_modules/@storybook/addon-docs/dist/esm/blocks/index.js"),x=["components"];function l(){return l=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},l.apply(null,arguments)}function y(t,a){if(t==null)return{};var n,o,u=g(t,a);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(o=0;o<c.length;o++)n=c[o],a.indexOf(n)===-1&&{}.propertyIsEnumerable.call(t,n)&&(u[n]=t[n])}return u}function g(t,a){if(t==null)return{};var n={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(a.indexOf(o)!==-1)continue;n[o]=t[o]}return n}var b={},v="wrapper";function i(t){var a=t.components,n=y(t,x);return(0,e.mdx)(v,l({},b,n,{components:a,mdxType:"MDXLayout"}),(0,e.mdx)(p.Meta,{title:"Intro",mdxType:"Meta"}),(0,e.mdx)("h1",{id:"get-started"},"Get Started"),(0,e.mdx)("p",null,"Software Development Kit / API for developing React Web applications. Implements cross cutting concerns as reusable APIs"),(0,e.mdx)("h2",{id:"install"},"Install"),(0,e.mdx)("p",null,(0,e.mdx)("inlineCode",{parentName:"p"},"npm install --save @elliemae/app-react-dependencies @elliemae/pui-user-monitoring @elliemae/pui-theme @elliemae/ds-basic @elliemae/ds-modal @elliemae/pui-app-sdk")),(0,e.mdx)("h3",{id:"use"},(0,e.mdx)("strong",{parentName:"h3"},"Use")),(0,e.mdx)("p",null,"Import react components you want into your UI"),(0,e.mdx)("p",null,(0,e.mdx)("inlineCode",{parentName:"p"},"import { WaitMessage } from \u2018@elliemae/pui-app-sdk\u2019;")),(0,e.mdx)("p",null,"and use them like so"),(0,e.mdx)("pre",null,(0,e.mdx)("code",{parentName:"pre"},`  const LoadingIndicator = () => (
    <div>
      <WaitMessage size='m' isOpen />
    </div>
  )
`)))}i.displayName="MDXContent",i.isMDXComponent=!0;var m=function(){throw new Error("Docs-only story")};m.parameters={docsOnly:!0};var r={title:"Intro",includeStories:["__page"]},f={};r.parameters=r.parameters||{},r.parameters.docs=Object.assign({},r.parameters.docs||{},{page:function(){return(0,e.mdx)(p.AddContext,{mdxStoryNameToKey:f,mdxComponentAnnotations:r},(0,e.mdx)(i,null))}});const h=r;var O=["__page"]}}]);
