# Initialize HAX in your project
hax init

# Add the component
hax add artifact workshop-card

import { HAXWorkshopCard, useWorkshopCardAction } from "@/hax/artifacts/workshop-card";

export function EventsPage() {
  const [artifacts, setArtifacts] = useState([]);

  // Register workshop card actions for AI agents
  useWorkshopCardAction({
    addOrUpdateArtifact: (type, data) => {
      setArtifacts(prev => [...prev, { type, data, id: Date.now() }]);
    }
  });

  return (
    <HAXWorkshopCard
      title="AI Development Workshop"
      description="Learn the fundamentals of AI development"
      eventType="Workshop"
      status="confirmed"
      date="Tuesday, January 15, 2025"
      time="10:00 AM - 11:30 AM PST"
      location="Zoom Meeting"
      attendees={[
        { id: "1", name: "Alice", avatarUrl: "/avatars/alice.png" },
        { id: "2", name: "Bob", avatarUrl: "/avatars/bob.png" }
      ]}
      attendeeCount={25}
    />
  );
}