import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Basic
import "." as Msg

Rectangle {
  id: emojis
  objectName: "emojis"
  height: 7 * itemSize + 2 * column.spacing + 8
  radius: 12
  color: "white"
  border.width: 1
  border.color: "gray"

  property int itemSize: 42

  Column {
    id: column
    anchors.fill: parent
    spacing: 5

    Msg.EmojiView {
      objectName: "recent_emojis"
      height: itemSize + 1
      ScrollBar.vertical.policy: ScrollBar.AlwaysOff

      model: ["🙂","🤣","👍"]
    }

    Msg.EmojiView {
      height: itemSize * 3 + 1

      model: ["😃","😄","😁","😆","😅","😂","🤣","🥲","🥹","😊","😇","🙂","🙃","😉","😌","😍","🥰","😘","😗","😙","😚","😋","😛","😝","😜","🤪","🤨","🧐","🤓","😎","🥸","🤩","🥳","😏","😒","😞","😔","😟","😕","🙁","😣","😖","😫","😩","🥺","😢","😭","😮‍💨","😤","😠","😡","🤬","🤯","😳","🥵","🥶","😱","😨","😰","😥","😓","🫣","🤗","🫡","🤔","🫢","🤭","🤫","🤥","😶","😶‍🌫️","😐","😑","😬","🫨","🫠","🙄","😯","😦","😧","😮","😲","🥱","😴","🤤","😪","😵","😵‍💫","🫥","🤐","🥴","🤢","🤮","🤧","😷","🤒","🤕","🤑","🤠","😈","👿","👹","👺","🤡","💩","👻","💀","👽","👾","🤖","🎃","😺","😸","😹","😻","😼","😽","🙀","😿","😾"]
    }

    Msg.EmojiView {
      height: itemSize * 3 + 1

      model: ["👋","🤚","🖐","✋","🖖","👌","🤌","🤏","🤞","🫰","🤟","🤘","🤙","🫵","🫱","🫲","🫸","🫷","🫳","🫴","👈","👉","👆","🖕","👇","👍","👎","✊","👊","🤛","🤜","👏","🫶","🙌","👐","🤲","🤝","🙏","💅","🤳","💪","🦾","🦵","🦿","🦶","👣","👂","🦻","👃","🫀","🫁","🧠","🦷","🦴","👀","👁","👅","👄","🫦","💋","🩸"]
    }
  }
}