{
  "context": "This criteria evaluates how effectively the engineer leverages the emoji-picker-react package's built-in keyboard navigation capabilities to build an accessible emoji selector. The focus is on proper usage of the package's keyboard navigation features rather than custom implementation.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "EmojiPicker component usage",
      "description": "Uses the EmojiPicker component from emoji-picker-react as the primary component for displaying emojis",
      "max_score": 15
    },
    {
      "name": "Arrow key navigation",
      "description": "Leverages emoji-picker-react's built-in arrow key navigation (ArrowUp, ArrowDown, ArrowLeft, ArrowRight) for 2D grid navigation without custom implementation",
      "max_score": 25
    },
    {
      "name": "Enter key selection",
      "description": "Uses the onEmojiClick callback provided by emoji-picker-react to handle emoji selection when Enter key is pressed on focused emoji",
      "max_score": 20
    },
    {
      "name": "Escape key handling",
      "description": "Utilizes emoji-picker-react's built-in Escape key behavior for clearing search and returning focus to search input",
      "max_score": 15
    },
    {
      "name": "Alphanumeric shortcuts",
      "description": "Leverages emoji-picker-react's automatic search focus and typing behavior when alphanumeric keys are pressed from the emoji grid",
      "max_score": 15
    },
    {
      "name": "Search integration",
      "description": "Uses emoji-picker-react's built-in search functionality with searchPlaceholder or other search-related props to enable emoji filtering",
      "max_score": 10
    }
  ]
}