var checkboxState by remember{' '}
  {mutableStateOf(ToggleableState.Off)}
  Checkbox( variant = "primary", size = "sm", label = "Single Checkbox", checked
  = checkboxState, enabled = true, indeterminate = false, error = false, onChange
  = {(checkboxState = it)})

  var checkboxState by remember{' '}
  {mutableStateOf(ToggleableState.On)}
  Checkbox( variant = "secondary", size = "sm", label = "Checkbox Secondary", checked
  = checkboxState, enabled = true, indeterminate = false, onChange = {
    (checkboxState = it)
  })

var checkboxState by remember{' '}
{mutableStateOf(ToggleableState.On)}
Checkbox( variant = "primary", size = "lg", label = "Checkbox LG", checked =
checkboxState, enabled = true, indeterminate = false, onChange = {
  (checkboxState = it)
})

var checkboxState by remember{' '}
{mutableStateOf(ToggleableState.On)}
Checkbox( variant = "primary", size = "sm", label = "Checkbox Disabled", checked
= checkboxState, enabled = false, indeterminate = false, onChange = {
  (checkboxState = it)
})

  var checkState by remember { mutableStateOf(initialState) }
 
  val itemLabels = listOf("Item 1", "Item 2", "Item 3", "Item 4", "Item 5")
 
  // State to manage individual checkboxes and "select all" state
  val checkboxesState = remember { mutableStateOf(itemLabels.map { ToggleableState.Off }) }
 
  // Check if all checkboxes are selected, if some are selected, the "Select All" should be Indeterminate
  val isAllSelected = checkboxesState.value.all { it == ToggleableState.On }
  val isNoneSelected = checkboxesState.value.all { it == ToggleableState.Off }
  val isIndeterminate = checkboxesState.value.any { it == ToggleableState.On } && !isAllSelected
 
  Column {
      // "Select All" Checkbox with Indeterminate State
      Checkbox(
          label = "Select All",
          checked = when {
              isAllSelected -> ToggleableState.On
              isNoneSelected -> ToggleableState.Off
              else -> ToggleableState.Indeterminate
          },
          onChange = { newState ->
              // When Select All is clicked, set all checkboxes to the same state
              checkboxesState.value = checkboxesState.value.map { newState }
          },
          size = size,
          enabled = true,
          indeterminate = isIndeterminate
      )
 
      Spacer(modifier = Modifier.height(16.dp))
 
      // Individual Item Checkboxes
      itemLabels.forEachIndexed { index, label ->
          Checkbox(
              label = label,
              checked = checkboxesState.value[index],
              onChange = { newState ->
                  checkboxesState.value = checkboxesState.value.toMutableList().apply {
                      this[index] = newState
                  }
              },
              size = size,
              enabled = true
          )
      }
  }