import"./chunk-QTnfLwEv.js";import{n as e}from"./index-7yDgay5u.js";import{i as t,o as n,r,t as i}from"./jsx-runtime-DHSfUA5-.js";import{M as a,P as o,s}from"./test.id-DxQrYxPk.js";import{t as c}from"./navigationService-BNBSAd9W.js";import{t as l}from"./PageHeader-CzIJsNRF.js";import{t as u}from"./chevron-right-359IEfVc.js";import{n as d,t as f}from"./cloud-upload-UlV8oOt0.js";n();var p=i();function m({icon:e,title:n,description:r,testId:i,onClick:a}){return(0,p.jsxs)(`button`,{className:t.FeatureCard.Root,type:`button`,"data-test-id":i,onClick:a,children:[(0,p.jsx)(`span`,{className:t.FeatureCard.Icon,children:e}),(0,p.jsxs)(`span`,{className:t.FeatureCard.Body,children:[(0,p.jsx)(`span`,{className:t.FeatureCard.Title,children:n}),(0,p.jsx)(`span`,{className:t.FeatureCard.Description,children:r})]}),(0,p.jsx)(u,{size:20,strokeWidth:1.75,className:t.FeatureCard.Chevron})]})}function h(){let n=o(c);return(0,p.jsxs)(`div`,{className:r(t.Page.GroupedRoot,t.StartupPage.RootColumn),"data-test-id":a.page,children:[(0,p.jsx)(l,{title:e(`startup.title`,`Choose startup mode`)}),(0,p.jsxs)(`main`,{className:t.StartupPage.Content,"data-test-id":a.content,children:[(0,p.jsxs)(`div`,{className:t.StartupPage.Cards,children:[(0,p.jsx)(m,{icon:(0,p.jsx)(f,{size:26,strokeWidth:1.5}),title:e(`settings.sync.mode.auto`,`Create new sync`),description:e(`settings.sync.mode.autoDesc`,`Generate a new recovery key and create an encrypted remote library.`),testId:s.createMode,onClick:()=>n.navigate({path:`/startup/setup/sync`,state:{mode:`auto`}})}),(0,p.jsx)(m,{icon:(0,p.jsx)(d,{size:26,strokeWidth:1.5}),title:e(`settings.sync.mode.import`,`Connect existing sync`),description:e(`settings.sync.mode.importDesc`,`Use a previous recovery key to connect to an encrypted remote library.`),testId:s.importMode,onClick:()=>n.navigate({path:`/startup/setup/sync`,state:{mode:`import`}})})]}),(0,p.jsx)(`div`,{className:t.StartupPage.Footer,children:(0,p.jsx)(`button`,{className:t.Link.Footer,type:`button`,"data-test-id":a.experienceMode,onClick:()=>n.navigate({path:`/startup/experience`,replace:!0}),children:e(`startup.experience.title`,`Experience mode`)})})]})]})}export{h as StartupPage};
//# sourceMappingURL=startup-CEYmEZUi.js.map