<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/bubbleRoot"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    tools:layout_height="wrap_content"
    tools:layout_width="wrap_content">

    <ImageView
        android:id="@+id/bubbleArrow"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="@dimen/onfido_post_capture_bubble_bubble_arrow_margin_bottom"
        android:adjustViewBounds="true"
        android:scaleType="fitStart"
        app:srcCompat="@drawable/onfido_post_capture_bubble_arrow"
        tools:layout_height="6dp"
        tools:layout_width="wrap_content" />

    <RelativeLayout
        android:id="@+id/bubbleContainer"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@drawable/onfido_rounded_red_shape"
        tools:layout_height="wrap_content"
        tools:layout_width="wrap_content">

        <ImageView
            android:id="@+id/warningIcon"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_marginLeft="@dimen/onfido_post_capture_bubble_margin_horiz"
            android:layout_marginTop="@dimen/onfido_post_capture_bubble_margin_top"
            android:layout_marginRight="@dimen/onfido_post_capture_bubble_icon_margin_right"
            app:srcCompat="@drawable/onfido_error_red" />

        <TextView
            android:id="@+id/bubbleTitle"
            style="@style/OnfidoTextStyle.Headline.Large"
            android:layout_marginTop="@dimen/onfido_post_capture_bubble_margin_top_text"
            android:layout_marginRight="@dimen/onfido_post_capture_bubble_margin_horiz"
            android:layout_toRightOf="@+id/warningIcon"
            android:includeFontPadding="false"
            android:textColor="@color/onfido_white"
            android:textSize="0sp"
            tools:text="El código the barras no se puede leeeeeeeeeeer" />

        <LinearLayout
            android:id="@+id/bulletsContainer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/bubbleTitle"
            android:layout_alignLeft="@+id/bubbleTitle"
            android:layout_marginTop="@dimen/onfido_post_capture_bubble_title_margin_bottom"
            android:layout_marginRight="@dimen/onfido_post_capture_bubble_margin_horiz"
            android:layout_marginBottom="@dimen/onfido_post_capture_bubble_margin_bottom"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/firstBullet"
                    android:layout_width="@dimen/onfido_post_capture_bubble_bullet_size"
                    android:layout_height="@dimen/onfido_post_capture_bubble_bullet_size"
                    android:layout_marginRight="@dimen/onfido_post_capture_bubble_bullet_margin_right"
                    app:srcCompat="@drawable/onfido_circle" />

                <TextView
                    android:id="@+id/bubbleSubtitle"
                    style="@style/OnfidoTextStyle.Body.Compact"
                    android:includeFontPadding="false"
                    android:textColor="@color/onfido_white"
                    android:textSize="0sp"
                    tools:text="Let’s imagine this text is very long because it’s in Spanish so it requires 2 lines"
                    tools:textSize="12sp" />

            </LinearLayout>

            <LinearLayout
                android:id="@+id/secondBulletContainer"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/onfido_post_capture_bubble_third_title_margin_top">

                <ImageView
                    android:id="@+id/secondBullet"
                    android:layout_width="@dimen/onfido_post_capture_bubble_bullet_size"
                    android:layout_height="@dimen/onfido_post_capture_bubble_bullet_size"
                    android:layout_marginRight="@dimen/onfido_post_capture_bubble_bullet_margin_right"
                    app:srcCompat="@drawable/onfido_circle" />

                <TextView
                    android:id="@+id/bubbleThirdTitle"
                    style="@style/OnfidoTextStyle.Body.Compact"
                    android:includeFontPadding="false"
                    android:textColor="@color/onfido_white"
                    android:textSize="0sp"
                    tools:text="Let’s imagine this text is very long because it’s in Spanish so it requires 2 lines"
                    tools:textSize="12sp" />

            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>
</LinearLayout>