val RoundInterval = @Composable {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .padding(2.dp)
            .background(Color(0x22AC9C95)),
        contentAlignment = Alignment.Center
    ) {
        Text(text = "---")
    }
}

val RoundButton = @Composable { count: Int, isCurrent: Boolean, onClick: (Int) -> Unit ->
    Box(
        modifier = Modifier
            .padding(2.dp)
            .aspectRatio(1f)
            .clip(CircleShape)
            .fillMaxSize()
            .clickable { onClick(count) }
            .background(if (isCurrent) Color(0xFFACDC75) else Color(0xFF6C9C35)),
        contentAlignment = Alignment.Center
    ) {
        Text(text = "${count}")
    }
}

Box(modifier = Modifier
        .fillMaxWidth(1f)
        .height(40.dp)
        .background(Color(0xffccccff)),
        contentAlignment = Alignment.Center
    ) {
        PageRound(
            current = current,
            ext = ext,
            totalDocs = totalDocs,
            pageSize = pageSize,
            onClick = { current = it },
            RoundButton = RoundButton,
            RoundInterval = RoundInterval
        )
    }