\n {/* Header */}\n

{apartment.title}

\n \n ×\n \n

\n\n {/* Image Gallery */}\n

\n \n \n {apartment.images.length > 1 && (\n <>\n \n ←\n \n \n →\n \n \n {/* Image indicators */}\n

\n {apartment.images.map((_, index) => (\n setCurrentImageIndex(index)}\n className={`w-2 h-2 rounded-full ${\n index === currentImageIndex ? 'bg-white' : 'bg-white bg-opacity-50'\n }`}\n />\n ))}\n

\n \n )}\n

\n\n {/* Content */}\n

${apartment.price}/month

{apartment.location}

\n \n \n {isFavorite ? '❤️' : '🤍'}\n \n

\n\n {/* Property Details */}\n

{apartment.bedrooms}

Bedrooms

{apartment.bathrooms}

Bathrooms

{apartment.sqft}

Sq Ft

{apartment.type}

Type

\n\n {/* Description */}\n

Description

{apartment.description}

\n\n {/* Amenities */}\n {apartment.amenities && apartment.amenities.length > 0 && (\n

Amenities

\n {apartment.amenities.map((amenity, index) => (\n

\n ✓\n {amenity}\n

\n ))}\n

\n )}\n\n {/* Contact Information */}\n

Contact Information

\n Phone: {apartment.contact?.phone || '(555) 123-4567'}\n

\n Email: {apartment.contact?.email || 'info@example.com'}\n

\n \n

\n \n \n

\n );\n}","deleted","label",[170,171,172,153],"frontend","components","Listings","permalink","https://www.val.town/x/Mac4/untitled-5794/code/frontend/components/Listings/ApartmentModal.tsx","extension","actionData","errors"]