/**
 * Copyright (c) Nicolas Gallagher.
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import * as React from 'react'

import type { ColorSchemeName } from '../Appearance/index'
import { Appearance } from '../Appearance/index'

export function useColorScheme(): ColorSchemeName {
  const [colorScheme, setColorScheme] = React.useState(Appearance.getColorScheme())

  React.useEffect(() => {
    function listener(appearance) {
      setColorScheme(appearance.colorScheme)
    }
    const { remove } = Appearance.addChangeListener(listener)
    return remove
  })

  return colorScheme
}