{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport cn from 'classnames';\nimport { ArrowDownButton } from 'components/gui/Arrow';\nimport BoxButton from 'components/gui/BoxButton';\nimport { CityStrip } from 'components/strips/Strip';\nimport VideoLoop from 'components/VideoLoop/VideoLoop';\nimport useLocale from 'contexts/useLocale';\nimport { useIsDesktop } from 'hooks/useIsDevice';\nimport HTMLReactParser from 'html-react-parser';\nimport { imageBuilder } from 'lib/sanity';\nimport CityMapSlice from 'slices/CityMapSlice/CityMapSlice';\nimport SliceIntro from 'slices/SliceIntro/SliceIntro';\nimport styles from './City.module.scss';\n\nvar CityPage = function CityPage(_ref) {\n  var lang = _ref.lang,\n      slug = _ref.slug,\n      title = _ref.title,\n      videos = _ref.videos,\n      hero = _ref.hero,\n      houses = _ref.houses,\n      mapIntro = _ref.mapIntro,\n      open = _ref.open,\n      areas = _ref.areas,\n      department = _ref.department,\n      housesCount = _ref.housesCount,\n      availableCount = _ref.availableCount,\n      searchPlaceholderShort = _ref.searchPlaceholderShort,\n      searchPlaceholderLong = _ref.searchPlaceholderLong;\n  var locale = useLocale();\n  var backgroundImageURL = hero ? imageBuilder.image(hero.asset).url() : 'https://www.colivingfactory.com/assets/coresider/images/1.png';\n  var isDesktop = useIsDesktop();\n  var mapIntroStr = isDesktop ? mapIntro : mapIntro ? mapIntro.replace(':', '').trim() : '';\n  var searchPlaceholder = isDesktop ? searchPlaceholderLong : searchPlaceholderShort;\n  var housesCountHtml = locale(\"houses-count\", housesCount).replace('#', \"<span class='bold'>\".concat(housesCount, \"</span>\"));\n  var availableCountHtml = locale(\"available-accommodations\", availableCount).replace('#', \"<span class='bold'>\".concat(availableCount, \"</span>\"));\n  var housesAnchor = lang == 'fr' ? 'nos-habitations' : 'our-houses';\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsxs(\"section\", {\n      className: cn(styles.firstSlice),\n      style: {\n        backgroundImage: !videos && backgroundImageURL ? \"url(\".concat(backgroundImageURL, \")\") : undefined\n      },\n      children: [videos && /*#__PURE__*/_jsx(VideoLoop, {\n        videos: videos\n      }), /*#__PURE__*/_jsxs(\"div\", {\n        className: styles.firstSliceContent,\n        children: [/*#__PURE__*/_jsx(\"h2\", {\n          className: cn('h--1', styles.title),\n          children: title\n        }), areas && /*#__PURE__*/_jsx(\"p\", {\n          className: cn('p--l', styles.area),\n          children: areas\n        }), /*#__PURE__*/_jsxs(\"p\", {\n          className: cn('p--l'),\n          children: [HTMLReactParser(housesCountHtml), \",\"]\n        }), /*#__PURE__*/_jsxs(\"p\", {\n          className: cn('p--l'),\n          children: [HTMLReactParser(availableCountHtml), \".\"]\n        }), isDesktop && /*#__PURE__*/_jsx(BoxButton, {\n          className: cn(styles.boxButton),\n          label: 'Découvrir les habitations',\n          href: '#' + housesAnchor,\n          fullWidth: true,\n          icon: \"right\"\n        })]\n      }), !isDesktop && /*#__PURE__*/_jsx(ArrowDownButton, {\n        htmlText: 'Découvrir les habitations',\n        className: cn(styles.arrowDownCont),\n        href: '#' + housesAnchor,\n        color: 'white'\n      })]\n    }), houses && /*#__PURE__*/_jsx(CityMapSlice, {\n      id: housesAnchor,\n      introText: mapIntroStr,\n      houses: houses,\n      searchPlaceholder: searchPlaceholder\n    }), isDesktop && /*#__PURE__*/_jsx(SliceIntro, {\n      left: true\n    })]\n  });\n};\n\nexport var __N_SSG = true;\nexport default CityPage;","map":null,"metadata":{},"sourceType":"module"}