commonMain.dependencies {
    implementation("io.github.zaiddev1996:kmm-material-tooltip:1.0.0")
}

import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.material3.TooltipState
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import com.zaid.kmm_tooltip.*
import kotlinx.coroutines.launch

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun TooltipExample() {
    val tooltipState = remember { TooltipState() }
    val scope = rememberCoroutineScope()
    
    AppTooltip(
        state = tooltipState,
        content = TooltipContent(
            text = StringResource("This is a tooltip"),
            textStyle = MaterialTheme.typography.bodyMedium
        ),
        position = TooltipPosition.TopLeft,
        radius = TooltipRadius.Medium,
        onDismiss = { /* Handle dismiss */ }
    ) {
        // The target element that will show the tooltip
        Text(
            text = "Hover over me",
            modifier = Modifier.clickable {
                scope.launch {
                    tooltipState.show()
                }
            }
        )
    }
}

AppTooltip(
    state = tooltipState,
    content = TooltipContent(
        text = StringResource("Custom tooltip with icons"),
        leadingIcon = DrawableResource("ic_info"),
        trailingIcon = DrawableResource("ic_close"),
        textStyle = MaterialTheme.typography.labelMedium,
        onLeadingIconClick = { /* Handle leading icon click */ },
        onTrailingIconClick = { /* Handle trailing icon click */ }
    ),
    config = TooltipConfig(
        horizontalSpacing = 10,
        verticalSpacing = 5,
        caretWidth = 30f,
        caretHeight = 15f,
        caretSpacing = 5f
    ),
    position = TooltipPosition.BottomRight,
    radius = TooltipRadius.Small,
    onDismiss = { /* Handle dismiss */ }
) {
    // Your target element here
}