\n {props.value ? props.value : props.defaultValue}\n {props.filter && (\n props.setFilter(e.target.value)} />\n )}\n
\n {props.label || (props.label && props.value) ? {props.label} : null}\n - {props.children}
\n {units.length > 1 && (\n <>\n
\n )\n}\n\nexport default UnitButtons\n","import React from 'react'\nimport Dropdown from '../../../../Dropdown/Dropdown'\nimport { Units } from '../../data'\nimport './UnitTableHeader.scss'\n\nconst UnitTableHeader = (props: any) => {\n const {\n details, \n units, \n unit, \n activeUnit, \n setActiveUnit, \n handleTypeChange\n } = props\n\n return (\n setUnit(leftCount)}>\n \n
\n \n {details.brand !== 'avida' && units[leftCount].name}\n {units[leftCount].type}\n
\n \n {unitCount}\n /\n {units.length}\n
\n setUnit(rightCount)}>\n
\n \n )}\n \n {details.brand !== 'avida' && units[rightCount].name}\n {units[rightCount].type}\n
\n \n \n
\n )\n}\n\nexport default UnitTableHeader\n","import React from 'react'\nimport { Sizes } from '../../data'\nimport './UnitTableValues.scss'\n\nconst UnitTableValuesContainer = (props: any) => {\n const { units, unit } = props\n \n return (\n \n setActiveUnit(active)}\n >\n {units.map((unit: Units, index: number) => {\n return (\n handleTypeChange(index)}>\n {details.brand !== 'avida' ? `${unit.name} - ${unit.type}` : `${unit.type}`}\n \n )\n })}\n \n\n (Approximate Sizes Only)\n
\n \n SQ.M\n
\n \n SQ.FT\n
\n \n
\n \n )\n}\n\nexport default UnitTableValuesContainer\n","import React from 'react'\nimport UnitButtons from './UnitButtons'\nimport UnitTableHeader from './UnitTableHeader'\nimport UnitTableValues from './UnitTableValues'\nimport './index.scss'\n\nconst UnitDetails = (props: any) => {\n const {\n details,\n units,\n unit,\n activeUnit,\n setActiveUnit,\n handleTypeChange,\n unitCount, \n leftCount, \n rightCount, \n setUnit\n } = props\n\n return (\n \n
\n \n {units[unit].sizes.map((size: Sizes, index: number) => {\n const { name, sqm, sqft } = size\n return (\n \n
\n )\n })}\n {name}
\n {sqm}
\n {sqft}
\n \n TOTAL AREA\n {units[unit].totalArea.sqm}\n {parseFloat(units[unit].totalArea.sqft).toFixed(2)}\n
\n \n
\n )\n}\n\nexport default UnitDetails\n","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps\n
\n Unit and Floor Plan
\n\n {panoramas.length > 0 && (\n {\n setTour(true)\n }}\n >\n \n
\n )}\n next()}>\n
\n prev()}>\n
\n \n )\n}\n\nexport default FloorPlanButtons\n","import React from 'react'\nimport Slider from 'react-slick'\nimport FullViewIcon from '../../../../../assets/icons/FullViewIcon'\nimport { settings } from '../../data'\nimport FloorPlanButtons from './FloorPlanButtons'\n\nimport './HasNoTourFloorPlan.scss'\n\nconst HasNoTourFloorPlan = (props: any) => {\n const { logoBrand, details, setCarousel, units, unit, fullSiteDevPlan, setFullSite, panoramas, setTour, next, prev, currentUrl } = props\n\n const isOnAlpPage = currentUrl.includes('premier')\n const isOnAlveoPage = currentUrl.includes('alveo')\n\n return (\n \n
\n \n )\n}\n\nexport default HasNoTourFloorPlan\n","import React from 'react'\nimport './HasNoTourFloorPlan.scss'\n\nconst HasTourFloorPlan = (props: any) => {\n const {\n Tour,\n panoramas,\n setTour\n } = props\n\n return (\n \n setCarousel(c)} {...settings}>\n {units[unit].floorPLanImage.map((img: string, index: number) => {\n return (\n \n
\n \n 
\n
\n \n 
\n
\n \n 
\n
\n )\n })}\n \n 0 ? 'flex' : 'default',\n borderWidth: fullSiteDevPlan.length === 0 ? '0px' : '1px'\n }}\n onClick={() => setFullSite(fullSiteDevPlan.length > 0 ? true : false)}\n >\n {fullSiteDevPlan.length > 0 && (\n <>\n
\n \n {children}\n
\n )\n}\n\nexport default UnitAndFloorPlanContainer\n","/* eslint-disable react/jsx-props-no-spreading */\nimport React, { useState } from 'react'\nimport loadable from '@loadable/component'\n\nimport 'slick-carousel/slick/slick.css'\nimport 'slick-carousel/slick/slick-theme.css'\nimport './index.scss'\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { useLocation } from '@reach/router'\nimport Slider from 'react-slick'\nimport { settings } from './data'\nimport ModalComponent from '../../Modal/Modal'\nimport UnitDetails from './components/unitDetails'\nimport HasNoTourFloorPlan from './components/floorPlan/HasNoTourFloorPlan'\nimport HasTourFloorPlan from './components/floorPlan/HasTourFloorPlan'\nimport UnitAndFloorPlanContainer from './components/unitAndFloorPlanContainer'\nimport { getCorrectLogoBrand } from '../../../utils/getCorrectLogoBrand'\n\nconst Tour = loadable(() => import('./VirtualTour'))\n\nconst UnitsAndFloorPlans = ({ pageData }: any): JSX.Element => {\n const { details, unitsAndFloorPlans } = pageData.pageContext.property\n const { brand } = details\n const { units, panoramas, fullSiteDevPlan } = unitsAndFloorPlans\n\n const [fullSite, setFullSite] = useState(false)\n const [carousel, setCarousel] = useState\n \n
\n )\n })\n\n return (\n <>\n {fullSite && (\n