WPatternLock(
    size = 400.dp,
    // key -> sorted list of dots id that must connect
    key = arrayListOf(0, 1, 2),
    dotColor = Color.White,
    dotRadius = 18f,
    lineColor = Color.White,
    lineStroke = 12f,
    callback = object : WPatternLockCallback {
        override fun onStart() {
            // when wirting pattern start    
        }
        override fun onProgress(index: Int) {
            // when writing and new dot connected
            // index -> dot id
            // dots are sorted from left to right and up to down
        }
        override fun onEnd(result: ArrayList<Int>, isCorrect:Boolean) {
            // when writing pattern end
            // result -> connected dots during writing
            // isCorrect -> check if writed pattern correct based on key parameter
        }
    }
)

Column(
    modifier = Modifier.fillMaxSize(),
    horizontalAlignment = Alignment.CenterHorizontally,
    verticalArrangement = Arrangement.Center
) {
    WPatternLock(
        size = 400.dp,
        key = arrayListOf(0, 1, 2, 5, 8),
        dotColor = Color.White,
        dotRadius = 18f,
        lineColor = Color.White,
        lineStroke = 12f,
        callback = object : WPatternLockCallback {
            override fun onStart() {
                Toast.makeText(this@MainActivity,"start!",Toast.LENGTH_LONG).show()
            }
            override fun onProgress(index: Int) {
                Toast.makeText(this@MainActivity,"dot $index connected!",Toast.LENGTH_LONG).show()
            }
            override fun onEnd(result: ArrayList<Int>, isCorrect:Boolean) {
                Toast.makeText(this@MainActivity,"pattern was ${if (isCorrect) "correct" else "wrong"}",Toast.LENGTH_LONG).show()
            }
        }
    )
}