{
  "context": "This criteria evaluates how well the engineer uses the emoji-picker-react package to implement an emoji style comparison application, specifically focusing on the proper use of emoji style configuration and rendering capabilities.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "EmojiPicker Import",
      "description": "Correctly imports the default EmojiPicker component from 'emoji-picker-react'",
      "max_score": 5
    },
    {
      "name": "Emoji Component Import",
      "description": "Correctly imports the named Emoji component from 'emoji-picker-react' for rendering individual styled emojis",
      "max_score": 5
    },
    {
      "name": "EmojiStyle Enum Import",
      "description": "Imports and uses the EmojiStyle enum from 'emoji-picker-react' to specify emoji styles",
      "max_score": 10
    },
    {
      "name": "Multiple Pickers",
      "description": "Renders at least three EmojiPicker components, each configured with a different emojiStyle prop (Apple, Google, and Twitter)",
      "max_score": 20
    },
    {
      "name": "onEmojiClick Handler",
      "description": "Implements onEmojiClick callback prop on the emoji pickers to capture emoji selection events",
      "max_score": 15
    },
    {
      "name": "EmojiClickData Usage",
      "description": "Properly extracts and uses data from the EmojiClickData object (such as unified code, emoji character, or other properties) passed to onEmojiClick",
      "max_score": 15
    },
    {
      "name": "Emoji Component Rendering",
      "description": "Uses the Emoji component to render individual emojis with the unified prop for displaying the selected emoji in different styles",
      "max_score": 20
    },
    {
      "name": "Style Variants Display",
      "description": "Renders the selected emoji in all five styles (Apple, Google, Facebook, Twitter, Native) using the Emoji component with appropriate emojiStyle prop values",
      "max_score": 10
    }
  ]
}