https://seedlang.com/assets/welcome_screen_card-DNxRNQMr.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`82e4baa6c68c429597a8dcf8c86fc75e13a47707`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`bd5b4bd7-ece5-4528-a09f-fe9633fab6f3`,e._sentryDebugIdIdentifier=`sentry-dbid-bd5b4bd7-ece5-4528-a09f-fe9633fab6f3`)}catch{}})();import"./chunk-BYEayUvb.js";import{t as e}from"./react-C0i5OX_v.js";import{t}from"./dist-BA6ueOYS.js";import{t as n}from"./emotion-styled.browser.esm-BZwDHoh3.js";import{t as r}from"./jsx-runtime-DU0S17m4.js";import{n as i}from"./stack-zKbvIPP_.js";e();var a=t(),o=r(),s=`
2  flex-direction: row;
3  gap: ${i.sm};
4  max-width: 500px;
5  width: 100%;
6  padding: ${i.sm};
7`,c=n.button`
8  display: flex;
9  flex-direction: column;
10  gap: ${i.md};
11  padding: ${i.md};
12  background: white;
13  border: none;
14  border-radius: 20px;
15  max-width: 280px;
16  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
17  cursor: pointer;
18  text-align: start;
19  transition: box-shadow 0.2s linear, opacity 0.2s linear;
20
21  &:hover {
22    opacity: 0.9;
23    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
24  }
25
26  ${e=>e.viewType===`list`?s:`
27    @media (min-width: 961px) and (max-width: 1100px) {
28      max-width: 265px;
29    }
30
31    @media (max-width: 960px) {
32      ${s}
33    }
34  `}
35`,l=`
36  width: 100px;
37  height: 56.25px;
38`,u=n.img`
39  border-radius: 10px;
40  width: 100%;
41
42  ${e=>e.viewType===`list`?l:`
43    @media (max-width: 960px) {
44      ${l}
45    }
46  `}
47`,d=`
48  font-size: 18px;
49`,f=n.div`
50  font-size: 20px;
51  font-weight: 500;
52  color: black;
53
54  ${e=>e.viewType===`list`?d:`
55    @media (max-width: 960px) {
56      ${d}
57    }
58  `}
59`,p=`
60  margin-top: 1.5px;
61  padding: 2px 5px;
62  font-size: 10px;
63  font-weight: bold;
64`,m=n.div`
65  background: ${e=>e.color};
66  color: white;
67  font-size: 12px;
68  line-height: normal;
69  padding: 2px 10px;
70  border-radius: 5px;
71  display: inline-block;
72  margin-right: ${i.xs};
73  margin-top: 3px;
74
75  ${e=>e.viewType===`list`?p:`
76    @media (max-width: 960px) {
77      ${p}
78    }
79  `}
80`,h=n.div`
81  font-size: 12px;
82  color: ${a.Theme.gray};
83  line-height: normal;
84  text-wrap: balance;
85`,g=n.div`
86  display: flex;
87  flex-direction: column;
88  gap: ${i.xs};
89
90  ${e=>e.viewType!==`list`&&`
91    @media (min-width: 961px) {
92      text-align: center;
93    }
94  `}
95`,_=({title:e,subtitle:t,imageUrl:n,levelAbbreviation:r,levelBadgeColor:i,onClick:a,viewType:s})=>(0,o.jsxs)(c,{onClick:a,viewType:s,children:[(0,o.jsx)(u,{src:n,viewType:s}),(0,o.jsxs)(g,{viewType:s,children:[(0,o.jsxs)(f,{viewType:s,children:[r&&(0,o.jsx)(m,{viewType:s,color:i,children:r}),e]}),(0,o.jsx)(h,{children:t})]})]});export{_ as n,m as t};
96//# sourceMappingURL=welcome_screen_card-DNxRNQMr.js.map