usePrefersTheme()

The usePrefersTheme() hook allows the detection of the user's preferred system theme

Import

import { usePrefersTheme } from 'react-haiku';

Usage

import { usePrefersTheme } from 'react-haiku';

export const Component = () => {
    const theme = usePrefersTheme();

    return (
        <button>
            {
                `You prefer the ${theme} theme,
                ${theme === 'light' ? 'ew!' : 'great!'}`
            }
        </button>
    );
}