import type { SampleMeta } from '../../../widgets/core';
import { EmbeddedMapUI } from '../EmbeddedMapUI';

export const sampleMeta: SampleMeta = {
  id: 'embedded-map-ui-base',
  componentId: 'embedded-map-ui',
  title: 'Embedded Map UI',
  description: '앱 내부에 지도를 직접 내장해 모바일과 데스크톱에서 같은 위치 정보를 바로 보여주는 컴포넌트입니다.',
  category: 'Display',
  kind: 'base',
  variantLabel: 'Base',
  order: 70,
  features: ['docs'],
};

export function Sample() {
  return (
    <EmbeddedMapUI
      title="서울역 출발 허브"
      address="서울 중구 한강대로 405"
      description="출발 허브와 주변 도로 상태를 앱 안에서 바로 확인합니다."
      latitude={37.55472}
      longitude={126.97083}
      zoom={15}
      height={320}
      markerLabel="출발"
    />
  );
}
