/**
 * Composable para gestionar el estado del sidebar
 */
export const useSidebarState = () => {
  const isOpen = useState('sidebarOpen', () => true)
  const isCollapsed = useState('sidebarCollapsed', () => false)

  const toggle = () => {
    isOpen.value = !isOpen.value
  }

  const collapse = () => {
    isCollapsed.value = !isCollapsed.value
  }

  return {
    isOpen,
    isCollapsed,
    toggle,
    collapse
  }
}