Shake Animation Implementation (useful for error states)

ShakeContent.kt

/**
 * ```
 * @Composable
 * fun ShakeScreen() {
 *     var shake by remember { mutableStateOf(false) }
 *     val interactionSource = remember { MutableInteractionSource() }
 *
 *     Box(
 *         contentAlignment = Alignment.Center,
 *         modifier = Modifier.fillMaxSize()
 *     ) {
 *         ShakeContent(shake) {
 *             Text(
 *                 text = "Tap here to shake it \uD83D\uDE09",
 *                 modifier = Modifier.clickable(
 *                     interactionSource = interactionSource,
 *                     indication = null
 *                 ) {
 *                     shake = !shake
 *                 }
 *             )
 *         }
 *     }
 * }
 *```
 * */
@Composable
fun ShakeContent(
    shake: Boolean,
    content: @Composable () -> Unit
) {
    val offsetX by animateFloatAsState(
        targetValue = if (shake) 0f else 20f,
        animationSpec = repeatable(
            iterations = 3,
            animation = tween(durationMillis = 50),
            repeatMode = RepeatMode.Reverse
        )
    )

    Box(
        modifier = Modifier.offset {
            IntOffset(offsetX.toInt(), 0)
        }
    ) {
        content()
    }
}