import { BuildingListingsDrawer } from 'tradein-mvp-frontend';

// Правый drawer с активными объявлениями выбранного дома (/trade-in/sale-share):
// createPortal в document.body, .ss-drawer-overlay = position:fixed по всему
// вьюпорту (как MapPicker) → cardMode:single. Шапка — адрес + тепловой бейдж
// доли + «N из M квартир» (из props). Тело FETCH-COUPLED: useBuildingListings
// (GET /buildings/{id}/listings) — data-prop нет, глобальный query-cache пуст →
// в офлайн-capture честный pending/error-state («Загрузка объявлений…» /
// «Не удалось загрузить объявления дома»). На реальной странице — список
// объявлений с ценой, ₽/м², этажом и ссылкой на оригинал.
const building = {
  house_id: 3101,
  address: 'ул. Викулова, 46',
  lat: 56.8412,
  lon: 60.5556,
  sale_share_pct: 34.6,
  sale_share_pct_45d: 41.2,
  listings_45d: 33,
  over_100: false,
  active_secondary: 27,
  flat_count_effective: 78,
  gar_match_method: 'cadastre',
  median_price_rub: 4_950_000,
  median_price_per_m2: 158_500,
  avg_days_on_market: 74,
  year_built: 1972,
  house_type: 'panel',
  total_floors: 9,
  series_name: '1-468',
  is_emergency: false,
};

/** Открытый drawer дома «ул. Викулова, 46» (34.6% в продаже, 27 из 78 квартир). */
export const Default = () => (
  <BuildingListingsDrawer building={building} onClose={() => {}} />
);