import React from 'react'
import { Profile } from './Profile.jsx'

export default {
  title: 'Design System/Display/Profile',
  component: Profile,
}

const sample = {
  name: 'Alex Developer',
  role: 'Platform engineer',
  image: 'https://i.pravatar.cc/300',
  summary: 'Building capability-first products.\n\nMCP, SDK, and agent tooling.',
  tags: ['React', 'TypeScript', 'MCP'],
  links: [
    { icon: 'mail', label: 'alex@example.com', href: 'mailto:alex@example.com' },
    { icon: 'globe-alt', label: 'example.com', href: 'https://example.com', target: '_blank' },
  ],
}

export const Default = {
  render: () => <Profile {...sample} style={{ maxWidth: 400 }} />,
}