https://www.pof.com/src-components-cityPage-dateIdeas-65954aae4bcfe6683300.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4354],{5208:function(e,t,i){i.r(t),i.d(t,{default:function(){return b}});var l=i(6960),a=i(359),n=i(5793),r=i(8793),o=i(916),m=i(9922),d=i(5555);const s=(0,m.A)("div")`
2	position: relative;
3	display: flex;
4	align-items: center;
5	justify-content: center;
6	flex-direction: column;
7	margin: 40px 0.4em auto 0.4em;
8
9	${r.A.lessThan(o.or.small)} {
10		margin-bottom: 0;
11	}
12`,g=(0,m.A)(d.A)`
13	display: flex;
14	justify-content: center;
15	padding-top: 1em;
16	padding-bottom: 0.5em;
17	text-align: center;
18`,c=(0,m.A)(d.A)`
19	text-align: center;
20`;var u=i(1918),p=i(9966);(0,m.A)("div")`
21	display: flex;
22	align-items: center;
23	justify-content: center;
24	flex-direction: column;
25	gap: 20px;
26	max-width: 237px;
27`,(0,m.A)(d.A)`
28	${r.A.lessThan(o.or.medium)} {
29		${(0,l.Z2)(l.TJ.bodyMedium)}
30	}
31`;const A=(0,m.A)("div")`
32	height: ${({height:e})=>e}px;
33
34	box-shadow: 0.4rem 0.4rem black;
35	border-radius: 10px;
36	overflow: hidden;
37	> div {
38		height: 100%;
39	}
40
41	img {
42		border-radius: 10px;
43		height: auto;
44		max-width: 100%;
45	}
46`;var h=i(7437);var x=({name:e,image:t,height:i,imageAlt:l})=>(0,h.Y)(A,{height:i},(0,h.Y)(p.A,{src:t,alt:l,title:e}));var f=({title:e,description:t,imageAlt:i,imageTitle:r,imageUrl:o,url:m})=>(0,h.Y)(s,null,m?(0,h.Y)(n.A,{to:m},(0,h.Y)(x,{name:r,image:(0,u.Zn)(o),height:210,imageAlt:i})):(0,h.Y)(x,{name:r,image:(0,u.Zn)(o),height:210,imageAlt:i}),(0,h.Y)(g,{tag:"div",textStyle:l.TJ.titleMediumBold,colorToken:a.j9.primary},e),(0,h.Y)(c,{tag:"div",textStyle:l.TJ.bodyMediumLight,colorToken:a.j9.primary},t)),y=i(2352);const T=(0,m.A)(d.A)`
47	padding-bottom: 20px;
48
49	${r.A.lessThan(o.or.medium)} {
50		text-align: center;
51	}
52`,v=(0,m.A)(y.q)`
53	margin: 0 auto 30px auto;
54
55	${r.A.lessThan(o.or.medium)} {
56		margin: auto;
57		flex-direction: column;
58		text-align: center;
59		gap: 20px;
60	}
61`,Y=(0,m.A)("div")`
62	display: flex;
63	flex-direction: column;
64	margin-top: 120px;
65
66	${r.A.lessThan(o.or.small)} {
67		flex-direction: column;
68		margin-top: 50px;
69	}
70`,_=(0,m.A)("div")`
71	display: flex;
72	flex-direction: column;
73	justify-content: center;
74	width: 65%;
75	${r.A.lessThan(o.or.xlarge)} {
76		width: 60%;
77	}
78
79	${r.A.lessThan(o.or.medium)} {
80		width: 75%;
81	}
82
83	${r.A.lessThan(o.or.small)} {
84		width: 100%;
85	}
86`,$=(0,m.A)("div")`
87	display: grid;
88	gap: 60px;
89	grid-template-columns: 1fr 1fr 1fr;
90	${r.A.lessThan(o.or.small)} {
91		grid-template-columns: 1fr;
92		gap: 30px;
93	}
94`,b=e=>{let{dateIdeas:t,title:i,description:n}=e;return(0,h.Y)(Y,null,(0,h.Y)(v,null,(0,h.Y)("div",null,(0,h.Y)(_,null,(0,h.Y)(T,{tag:"h2",textStyle:l.TJ.headingMedium,colorToken:a.j9.primary},i),(0,h.Y)(d.A,{tag:"p",textStyle:l.TJ.bodyMediumLight,colorToken:a.j9.primary},n)),(0,h.Y)($,null,t.map(e=>{const{imageAlt:t,imageTitle:i,imageUrl:l,url:a}=e;return(0,h.Y)(f,{key:e.id,title:e.title,description:e.description,imageAlt:t,imageTitle:i,imageUrl:l,url:a})})))))}}}]);