Modifier — Compose-এ মডিফায়ার চেইন এবং কর্মক্ষমতা

@Composable
fun ModifierDemo() {
    // সঠিক ক্রমে মডিফায়ার শৃঙ্খল
    Box(
        modifier = Modifier
            .size(150.dp)
            .padding(8.dp)
            .border(2.dp, Color.Gray)
            .background(Color(0xFFE3F2FD))
            .clickable { /* handle click */ }
            .semantics {
                contentDescription = "Demo card with click action"
                role = Role.Button
            }
    ) {
        Text("আমাকে স্পর্শ করো")
    }
}

// অবস্থাসহ composed-এর মাধ্যমে কাস্টম মডিফায়ার
fun Modifier.cardStyle(
    elevation: Dp = 4.dp,
    isSelected: Boolean = false
): Modifier = this.composed {
    val backgroundColor = if (isSelected)
        MaterialTheme.colorScheme.primaryContainer
    else
        MaterialTheme.colorScheme.surface

    this
        .fillMaxWidth()
        .padding(12.dp)
        .background(backgroundColor, RoundedCornerShape(8.dp))
        .shadow(elevation, RoundedCornerShape(8.dp))
}

// ব্যবহারের উদাহরণ
@Composable
fun CardList() {
    Column {
        Box(Modifier.cardStyle()) { Text("আইটেম 1") }
        Box(Modifier.cardStyle(isSelected = true)) { Text("নির্বাচিত") }
    }
}

// স্থির সংস্করণ (composed ছাড়া) — দ্রুততর
fun Modifier.simpleCardStyle(): Modifier =
    this.fillMaxWidth().padding(8.dp).clip(RoundedCornerShape(4.dp))

// ✅ ভালো: Composable-এর বাইরে কনস্ট্যান্ট
private val cardModifier = Modifier
    .fillMaxWidth()
    .padding(16.dp)
    .clip(RoundedCornerShape(8.dp))

@Composable
fun CardContent() {
    Box(cardModifier.background(Color.White)) { ... }
}

// ❌ খারাপ: প্রতিটি পুনর্গঠনে পুনর্নির্মাণ
@Composable
fun BadCard() {
    Box(Modifier.fillMaxWidth().padding(16.dp)) { ... }
}

// ✅ ভালো: গতিশীল Modifier-এর জন্য remember
@Composable
fun DynamicCard(color: Color) {
    val modifier = remember(color) {
        Modifier.fillMaxWidth().background(color)
    }
    Box(modifier) { ... }
}