<template>
  <div class="chat-wrapper w-full h-full flex justify-start items-center">
    <input class="max-w-[750px] w-full h-[51px] rounded-lg text-xl px-[24px] py-0 bg-white bg-opacity-85 border-2 border-solid border-white text-gray-200 bg-[url('/assets/icons/submit-icon.svg')] bg-no-repeat bg-30px" placeholder="Type something..." />
  </div>
</template>

<style scoped lang="scss">

.chat-wrapper {
  input {
    // @TODO: find Tailwind alternative as calc() doesnt work
    background-position: calc(100% - 25px) center;
  }
}
</style>
