package com.checkoutreactnativecomponents.components

import androidx.compose.foundation.layout.Box
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.layout.onSizeChanged
import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.unit.DpSize

@Composable
public fun MeasuringBox(
    onSizeChanged: (DpSize) -> Unit,
    content: @Composable () -> Unit,
) {
    val density = LocalDensity.current

    Box(
        modifier = Modifier.onSizeChanged { size ->
            val sizeInDp = with(density) {
                DpSize(size.width.toDp(), size.height.toDp())
            }
            if (sizeInDp.height.value > 0 && sizeInDp.width.value > 0) {
                onSizeChanged(sizeInDp)
            }
        }
    ) {
        content()
    }
}