<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >

    <View
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="@drawable/shape_dialog_hold_to_talk"
        app:layout_constraintBottom_toTopOf="@+id/viewRelease"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="@color/black"
        app:layout_constraintBottom_toBottomOf="@+id/viewRelease"
        app:layout_constraintTop_toTopOf="@+id/viewRelease" />

    <com.remax.visualnovel.widget.ui.buttons.ButtonView
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="48dp"
        android:layout_marginTop="180dp"
        app:buttonName="DefaultButton_Primary"
        app:buttonSizeType="large"
        app:layout_constraintTop_toTopOf="parent"

        />

    <com.airbnb.lottie.LottieAnimationView
        android:layout_width="140dp"
        android:layout_height="24dp"
        app:layout_constraintBottom_toBottomOf="@+id/button"
        app:layout_constraintEnd_toEndOf="@+id/button"
        app:layout_constraintStart_toStartOf="@+id/button"
        app:layout_constraintTop_toTopOf="@+id/button"
        app:lottie_autoPlay="true"
        app:lottie_loop="true"
        app:lottie_rawRes="@raw/voice_recording" />

    <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
        android:id="@+id/tvRelease"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:text="@string/release_to_send"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button"
        app:textColorToken="@string/color_txt_secondary_normal"
        app:textToken="@string/txt_label_m" />

    <View
        android:id="@+id/viewRelease"
        android:layout_width="match_parent"
        android:layout_height="252dp"
        android:layout_marginStart="-18dp"
        android:layout_marginEnd="-18dp"
        android:layout_marginBottom="-80dp"
        android:background="@mipmap/bg_recording_cancel"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent" />

    <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
        android:id="@+id/ivRelease"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="60dp"
        android:layout_marginBottom="48dp"
        android:text="@string/icon_chat_voice"
        android:textSize="32sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvRelease"
        app:onlyIconFont="true"
        app:textColorToken="@string/color_txt_secondary_normal"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

