import type { Meta, StoryObj } from '@storybook/react';
import React from 'react';
import { EvidenceMap } from './evidence-map';

const meta: Meta<typeof EvidenceMap> = {
  title: 'UI/EvidenceMap',
  component: EvidenceMap,
  parameters: { layout: 'centered' },
  render: args => (
    <div style={{ width: 'min(100vw - 48px, 360px)' }}>
      <EvidenceMap {...args} />
    </div>
  ),
};

export default meta;
type Story = StoryObj<typeof EvidenceMap>;

/** Full record: coordinate, accuracy, capture time and integrity digest. */
export const Default: Story = {
  args: {
    position: { lat: -30.034647, lng: -51.217658 },
    accuracyMeters: 12,
    capturedAt: '2026-09-04T14:32:07Z',
    hash: 'sha256:9f3c1a7d4e2b8c05f61a',
  },
};

/** Coordinate only, when the capture carried no metadata. */
export const CoordinateOnly: Story = {
  args: { position: { lat: -29.168, lng: -51.1796 } },
};

/** A low-accuracy capture states its uncertainty rather than hiding it. */
export const LowAccuracy: Story = {
  args: {
    position: { lat: -31.7654, lng: -52.3376 },
    accuracyMeters: 240,
    capturedAt: '2026-09-02T08:11:44Z',
  },
};