Rows.kt

@Composable
fun RegularRow(
    modifier: Modifier = Modifier,
    leftIcon: @Composable (RowScope.() -> Unit)? = null,
    detail: @Composable (() -> Unit)? = null,
    rightIcon: @Composable (RowScope.() -> Unit)? = null,
    title: @Composable () -> Unit
) {
    FoundationRow(
        modifier = modifier.wrapContentHeight()
    ) {
       
        leftIcon?.let {
            leftIcon()
            Spacer(modifier = Modifier.width(ContentSpacing))
        }
        Box(modifier = Modifier.weight(1F),) {
            title()
        }
        detail?.let {
            Box(
                modifier = Modifier.wrapContentWidth(),
                contentAlignment = Alignment.CenterEnd
            ) {               
                detail()
            }
        }
        rightIcon?.let {
            Spacer(modifier = Modifier.width(ContentSpacing))
            rightIcon()
        }
    }
}


@Composable
fun FoundationRow(
    modifier: Modifier = Modifier,
    content: @Composable RowScope.() -> Unit
) {
    Surface {
        Row(
            modifier = modifier.composed {
                wrapContentHeight()
                    .fillMaxWidth()
                    .padding(
                        horizontal = RowDefaults.HorizontalPadding,
                        vertical = RowDefaults.VerticalPadding
                    )
            }
        ) {
            content()
        }
    }
}