#042 EXERCÍCIO PRÁTICO TEMA CLARO ESCURO

import React, { useReducer, useState } from 'react'

function App(){

    const [escuro, setEscuro] = useState(false)
    const tema = {
        backgroundColor: escuro ? "black" : "white",
        color: escuro ? "white" : "black"
    }

    return (
        <div style={tema}>
            <h1>React - Tema claro/escuro</h1>
            <hr />
            <button onClick={() => setEscuro(old => !old)}>Tema</button>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, accusamus corporis corrupti dolore, enim, facilis necessitatibus ducimus illo blanditiis soluta aperiam alias optio. Distinctio, iste atque harum itaque nam facilis!
            Autem distinctio minima animi deserunt dignissimos doloremque sit totam blanditiis sunt! Quidem pariatur debitis, eius, nemo delectus voluptas accusamus consequuntur sint, dicta explicabo veritatis sapiente. Recusandae a nam temporibus porro?
            Repellendus iusto accusantium animi quis necessitatibus veniam veritatis, dolorum corrupti voluptatem quos debitis, dolore quo asperiores reiciendis ad architecto id labore, quasi voluptates nulla est at! Quam obcaecati debitis velit.
            Voluptatem cupiditate odio, ex deserunt architecto reiciendis at debitis, fugit nostrum eum dolor nemo perferendis dicta in saepe, aspernatur libero numquam odit quia amet ducimus itaque. Expedita corporis placeat ex.
            Impedit, hic? Nobis labore fugit molestiae reiciendis similique mollitia quo ipsa aperiam laboriosam omnis laborum qui asperiores voluptatum tenetur, provident minima accusantium voluptatibus minus pariatur illum earum, esse quis! Quisquam!
            Cumque labore, totam pariatur impedit quas quo doloremque error repudiandae. Et explicabo consequatur tenetur odit aperiam ullam impedit asperiores, harum aut commodi consequuntur aspernatur, hic voluptate in, molestias necessitatibus. Asperiores.
            Reiciendis cumque magni doloremque mollitia nesciunt rem quas beatae. Explicabo facilis necessitatibus, voluptatum facere amet perspiciatis earum molestias quis unde dolorem consequatur quia ut a deserunt. Excepturi placeat optio facere.
            Error quas odit quidem quaerat? Sed debitis tempore voluptates dolore ullam optio minima aliquam eaque, inventore, necessitatibus ipsum doloribus quibusdam a consequuntur esse quis! Itaque asperiores ducimus corporis atque ullam?
            Dolor harum minus ullam? Nulla quis facilis eligendi dolore voluptate odit esse. Nobis, in vel, quod quas temporibus asperiores qui nostrum ipsum dolorem nemo laboriosam quam mollitia dicta! Aperiam, deserunt?
            Sapiente nostrum, fugit neque dicta obcaecati quaerat temporibus, eveniet tenetur, quia molestias cupiditate! Earum at laboriosam placeat perferendis fugit id perspiciatis, illo non quae dolorem repellat mollitia quos consectetur nesciunt.</p>
        </div>
    )
}

export default App