export const userIDElem = document.getElementById("user-id")

export const peerIDElem = document.getElementById("peer-id")
export const peerButton = document.getElementById("peer-connect")
export const connectedPeers = document.getElementById("connected-peers")

export const canvas = document.getElementById("canvas")
export const penButton = document.getElementById("pen-tool")
export const eraserButton = document.getElementById("eraser-tool")

export const roomIDElem = document.getElementById("room-id")
export const roomConnectButton = document.getElementById("room-connect")
export const connectedRoomID = document.getElementById("connected-room-id")
export const connectedRoomInfoContainer = document.getElementById(
  "connected-room-info",
)

export const properties = document.getElementById("pen-properties")
export const span = document.getElementsByClassName("close")[0]
export const palette = document.getElementById("palette")
export const rectangle = document.getElementById("rectangle")