<?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:id="@+id/top_bg"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="@drawable/shape_dialog_hold_to_talk"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <View
        android:id="@+id/viewRelease"
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:layout_marginStart="-2dp"
        android:layout_marginEnd="-2dp"
        android:background="@mipmap/bg_recording_normal"
        android:layout_marginTop="200dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <LinearLayout
        android:id="@+id/cancel_hint_root"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:textSize="12sp"
        android:layout_marginTop="160dp"
        android:gravity="center_vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        >
        <com.remax.visualnovel.widget.uitoken.view.UITokenImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/icon_recording_up_hint"
            android:layout_marginRight="@dimen/dp_5"
            android:layout_marginTop="@dimen/dp_2"
            />

        <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
            android:id="@+id/ivRelease"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/swipe_up_to_cancel"
            app:onlyIconFont="true"
            app:textColorToken="@string/color_txt_secondary_normal"
            />
    </LinearLayout>



    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/recording_anim_view"
        android:layout_width="100dp"
        android:layout_height="24dp"
        android:layout_marginBottom="140dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        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="@dimen/dp_10"
        android:text="@string/release_to_send"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:textColorToken="@string/color_txt_secondary_normal"
        android:layout_marginBottom="@dimen/dp_110"
        app:textToken="@string/txt_label_m" />

</androidx.constraintlayout.widget.ConstraintLayout>

