/*! Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one or more contributor license agreements.
 * Licensed under the Elastic License 2.0; you may not use this file except in compliance with the Elastic License 2.0. */
(window.enterpriseSearch_bundle_jsonpfunction=window.enterpriseSearch_bundle_jsonpfunction||[]).push([[19],{1010:function(e,t,r){"use strict";r.r(t),r.d(t,"SearchExperiences",(function(){return S})),r(10);var s=r(48),a=r(64),i=r(66),c=r(12),n=r(2),l=r(13),o=r(1),u=r(775),j=r.n(u),p=r(54),x=r(41),h=r.n(x),d=r(53),b=r(49),g=r(11);const O=({children:e,pageChrome:t,pageViewTelemetry:r,...s})=>Object(g.jsx)(d.a,h()({},s,{solutionNav:{name:o.k.NAME,items:Object(d.d)()},setPageChrome:t&&Object(g.jsx)(p.h,{trail:t})}),r&&Object(g.jsx)(b.b,{action:"viewed",metric:r}),e),E=()=>Object(g.jsx)(O,{restrictWidth:!0,pageHeader:{pageTitle:n.i18n.translate("xpack.enterpriseSearch.searchExperiences.guide.pageTitle",{defaultMessage:"Build a search experience with Search UI"})}},Object(g.jsx)(p.h,null),Object(g.jsx)(c.EuiPanel,{color:"transparent",paddingSize:"none"},Object(g.jsx)(c.EuiFlexGroup,{className:"addContentEmptyPrompt",justifyContent:"spaceBetween",direction:"row",responsive:!0},Object(g.jsx)(c.EuiFlexItem,{grow:!0},Object(g.jsx)(c.EuiFlexGroup,{direction:"column",justifyContent:"center",responsive:!1},Object(g.jsx)(c.EuiFlexItem,{grow:!1},Object(g.jsx)(c.EuiTitle,null,Object(g.jsx)("h2",null,"About Search UI")),Object(g.jsx)(c.EuiSpacer,{size:"l"}),Object(g.jsx)(c.EuiText,{grow:!1},Object(g.jsx)("p",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.description",defaultMessage:"Search UI is a JavaScript library for implementing world-class search experiences without reinventing the wheel. It works out of the box with Elasticsearch, App Search, and Workplace Search, so you can focus on building the best experience for your users, customers, and employees."})))),Object(g.jsx)(c.EuiFlexItem,null,Object(g.jsx)(c.EuiFlexGroup,null,Object(g.jsx)(c.EuiFlexItem,{grow:!1},Object(g.jsx)(c.EuiButton,{href:o.w.DOCUMENTATION_URL,target:"_blank",color:"primary",fill:!0,iconType:"popout",iconSide:"right"},Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.documentationLink",defaultMessage:"Visit the Search UI documentation"}))),Object(g.jsx)(c.EuiFlexItem,{grow:!1},Object(g.jsx)(c.EuiButtonEmpty,{href:o.w.GITHUB_URL,target:"_blank",iconType:"popout",iconSide:"right"},Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.githubLink",defaultMessage:"Search UI on Github"}))))),Object(g.jsx)(c.EuiFlexItem,{grow:!1},Object(g.jsx)(c.EuiTitle,null,Object(g.jsx)("h2",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.featuresTitle",defaultMessage:"Features"}))),Object(g.jsx)(c.EuiSpacer,{size:"l"}),Object(g.jsx)(c.EuiText,{grow:!1},Object(g.jsx)("ul",null,Object(g.jsx)("li",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.features.1",defaultMessage:"You know, for search. Elastic builds and maintains Search UI."})),Object(g.jsx)("li",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.features.2",defaultMessage:"Build a complete search experience quickly with a few lines of code."})),Object(g.jsx)("li",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.features.3",defaultMessage:"Search UI is highly customizable, so you can build the perfect search experience for your users."})),Object(g.jsx)("li",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.features.4",defaultMessage:"Searches, paging, filtering, and more, are captured in the URL for direct result linking."})),Object(g.jsx)("li",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.features.5",defaultMessage:"Not just for React. Use with any JavaScript library, even vanilla JavaScript."}))))))),Object(g.jsx)(c.EuiFlexItem,{grow:!1},Object(g.jsx)(c.EuiImage,{size:"xl",float:"right",src:j.a,alt:"Search experiences illustration"}))),Object(g.jsx)(c.EuiHorizontalRule,{margin:"xxl"}),Object(g.jsx)(c.EuiTitle,null,Object(g.jsx)("h2",null,Object(g.jsx)(l.FormattedMessage,{id:"xpack.enterpriseSearch.searchExperiences.guide.tutorialsTitle",defaultMessage:"Get started quickly with a tutorial"}))),Object(g.jsx)(c.EuiSpacer,{size:"xl"}),Object(g.jsx)(c.EuiFlexGroup,{responsive:!0},Object(g.jsx)(c.EuiFlexItem,null,Object(g.jsx)(c.EuiCard,{icon:Object(g.jsx)(c.EuiIcon,{size:"xl",type:"logoElasticsearch"}),title:"Elasticsearch",description:n.i18n.translate("xpack.enterpriseSearch.searchExperiences.guide.tutorials.elasticsearch.description",{defaultMessage:"Build a search experience with Elasticsearch and Search UI."}),href:o.w.ELASTICSEARCH_TUTORIAL_URL,target:"_blank"})),Object(g.jsx)(c.EuiFlexItem,null,Object(g.jsx)(c.EuiCard,{icon:Object(g.jsx)(c.EuiIcon,{size:"xl",type:"logoAppSearch"}),title:"App Search",description:n.i18n.translate("xpack.enterpriseSearch.searchExperiences.guide.tutorials.appSearch.description",{defaultMessage:"Build a search experience with App Search and Search UI."}),href:o.w.APP_SEARCH_TUTORIAL_URL,target:"_blank"})),Object(g.jsx)(c.EuiFlexItem,null,Object(g.jsx)(c.EuiCard,{icon:Object(g.jsx)(c.EuiIcon,{size:"xl",type:"logoWorkplaceSearch"}),title:"Workplace Search",description:n.i18n.translate("xpack.enterpriseSearch.searchExperiences.guide.tutorials.workplaceSearch.description",{defaultMessage:"Build a search experience with Workplace Search and Search UI."}),href:o.w.WORKPLACE_SEARCH_TUTORIAL_URL,target:"_blank"}))))),S=e=>{const{enterpriseSearchVersion:t,kibanaVersion:r}=e,c=Object(a.a)(t,r);return Object(g.jsx)(s.c,null,Object(g.jsx)(s.a,{exact:!0,path:"/"},c?Object(g.jsx)(i.a,{enterpriseSearchVersion:t,kibanaVersion:r}):Object(g.jsx)(E,null)))}},64:function(e,t,r){"use strict";r.d(t,"a",(function(){return s}));const s=(e,t)=>{if(!e||!t)return!1;const[r,s]=e.split("."),[a,i]=t.split(".");return r!==a||s!==i}},66:function(e,t,r){"use strict";r.d(t,"a",(function(){return u}));var s=r(10),a=r.n(s),i=r(73),c=r(12),n=r(2),l=r(11);const o=({enterpriseSearchVersion:e,kibanaVersion:t})=>Object(l.jsx)(c.EuiEmptyPrompt,{iconType:"warning",iconColor:"danger",title:Object(l.jsx)("h2",null,n.i18n.translate("xpack.enterpriseSearch.versionMismatch.title",{defaultMessage:"Incompatible version error"})),titleSize:"l",body:Object(l.jsx)(a.a.Fragment,null,n.i18n.translate("xpack.enterpriseSearch.versionMismatch.body",{defaultMessage:"Your Kibana and Enterprise Search versions do not match. To access Enterprise Search, use the same major and minor version for each service."}),Object(l.jsx)(c.EuiSpacer,null),Object(l.jsx)("div",null,n.i18n.translate("xpack.enterpriseSearch.versionMismatch.enterpriseSearchVersionText",{defaultMessage:"Enterprise Search version: {enterpriseSearchVersion}",values:{enterpriseSearchVersion:e}})),Object(l.jsx)("div",null,n.i18n.translate("xpack.enterpriseSearch.versionMismatch.kibanaVersionText",{defaultMessage:"Kibana version: {kibanaVersion}",values:{kibanaVersion:t}})))}),u=e=>Object(l.jsx)(i.a,{isEmptyState:!0},Object(l.jsx)(o,e))},775:function(e,t,r){e.exports=r.p+"11ac0f65b79f90c10a55bb66c8ed10e0.svg"}}]);