import { createRenderEffect, createSignal, onCleanup } from "solid-js";

export function useDocumentTitle(newTitle?: string) {
  const capturedTitle = document.title
  const [title, setTitle] = createSignal(newTitle ?? capturedTitle)

  createRenderEffect(() => {
    document.title = title()
  })

  onCleanup(() => {
    document.title = capturedTitle
  })

  return setTitle
}

export function mergeClass(c1: string | undefined, c2: string | undefined) {
  if (!c1) {
    return c2
  }
  if (!c2) {
    return c1
  }
  return [c1, c2].join(' ')
}