Tag Button

export default function TagButtonExample() {
  const items = [
    "JavaScript",
    "Python", 
    "Java",
    "C++",
    "Go",
    "Rust",
  ]

  const handleItemClick = (item: string) => {
    console.log('Selected item:', item)
  }

  const handleClick = () => {
    console.log('Button clicked')
  }

  return (
    <TagButton
      title="Programming Languages"
      variant="default"
      items={items}
      onItemClick={handleItemClick}
      onClick={handleClick}
 
    />
  )
}

interface TagButtonProps {
  icon?: ReactNode;
  title: string;
  variant: "default" | "outline" | "ghost";
  onClick?: () => void;
  items?: string[];
  onItemClick?: (item: string) => void;
}