import { CodeXmlIcon, LightbulbIcon } from "lucide-react"
 
import type { ExperienceItemType } from "@/components/work-experience"
import { WorkExperience } from "@/components/work-experience"
 
export function Experience01() {
  return (
    <div className="max-w-screen overflow-x-clip">
      <div className="container mx-auto px-4">
        <div className="border-x border-line py-8">
          <h2 className="screen-line-top screen-line-bottom ml-4 font-heading text-3xl font-medium tracking-tight">
            Experience
          </h2>
          <p className="px-4 py-2 text-xs font-medium text-muted-foreground">
            Demo content — fictional work history
          </p>
          <WorkExperience
            className="bg-transparent *:screen-line-bottom"
            experiences={EXPERIENCE}
          />
        </div>
      </div>
    </div>
  )
}
 
const EXPERIENCE: ExperienceItemType[] = [
  {
    id: "example-studio",
    companyName: "Example Studio (fictional)",
    positions: [
      {
        id: "design-engineer",
        title: "Design Engineer",
        employmentPeriod: { start: "03.2024" },
        employmentType: "Full-time",
        icon: <CodeXmlIcon />,
        description: `- Built reusable interface patterns for a sample product.
- Worked with the fictional team to refine keyboard and mobile interactions.
- Documented components and reviewed their accessibility.`,
        skills: ["React", "TypeScript", "Design Systems", "Accessibility"],
        isExpanded: true,
      },
      {
        id: "frontend-developer",
        title: "Frontend Developer",
        employmentPeriod: { start: "06.2022", end: "02.2024" },
        employmentType: "Part-time",
        icon: <CodeXmlIcon />,
        skills: ["CSS", "Testing", "Documentation"],
      },
    ],
    isCurrentEmployer: true,
  },
  {
    id: "sample-labs",
    companyName: "Sample Labs (fictional)",
    positions: [
      {
        id: "product-builder",
        title: "Product Builder",
        employmentPeriod: { start: "01.2021", end: "05.2022" },
        employmentType: "Contract",
        icon: <LightbulbIcon />,
        description:
          "- Prototyped a sample dashboard and tested several navigation layouts.",
        skills: ["Prototyping", "UI Design"],
      },
    ],
  },
]