<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/account_card"
    android:focusable="true"
    android:clickable="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    android:foreground="?attr/selectableItemBackground"
    android:layout_marginHorizontal="16dp"
    app:cardBackgroundColor="@color/mobile_surface"
    app:cardCornerRadius="20dp"
    app:cardElevation="0dp"
    app:strokeColor="@color/mobile_card_stroke"
    app:strokeWidth="1dp">
    <LinearLayout
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingStart="20dp"
        android:paddingEnd="24dp"
        android:paddingVertical="18dp">
        <TextView
            android:textSize="16sp"
            android:textStyle="bold"
            android:textColor="@android:color/white"
            android:gravity="center"
            android:id="@+id/account_icon"
            android:background="@drawable/bg_circle"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:fontFamily="sans-serif-medium"/>
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginStart="14dp">
            <TextView
                android:textSize="16sp"
                android:textColor="@color/mobile_on_surface"
                android:id="@+id/account_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:fontFamily="sans-serif-medium"/>
            <TextView
                android:textSize="13sp"
                android:textColor="@color/mobile_on_surface_variant"
                android:id="@+id/account_status"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"/>
            <TextView
                android:textSize="12sp"
                android:textColor="#888888"
                android:id="@+id/account_info"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"/>
        </LinearLayout>
        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp">
            <TextView
                android:textSize="14sp"
                android:textColor="?attr/colorAccentPrimary"
                android:id="@+id/connect_text"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/action_connect"
                android:fontFamily="sans-serif-medium"/>
            <LinearLayout
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:id="@+id/connected_indicator"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                <View
                    android:id="@+id/status_dot"
                    android:background="@drawable/bg_status_dot"
                    android:layout_width="8dp"
                    android:layout_height="8dp"/>
                <ImageView
                    android:id="@+id/chevron"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:src="@drawable/ic_chevron_right"
                    android:layout_marginStart="8dp"
                    app:tint="#666666"/>
            </LinearLayout>
        </FrameLayout>
    </LinearLayout>
    <com.google.android.material.button.MaterialButton
        android:id="@+id/account_action_button"
        android:visibility="gone"
        android:layout_width="0dp"
        android:layout_height="0dp"/>
    <ImageView
        android:id="@+id/account_status_icon"
        android:visibility="gone"
        android:layout_width="0dp"
        android:layout_height="0dp"/>
</com.google.android.material.card.MaterialCardView>
