zrozumiecReact.pl

import { useState } from "react";

export default function App() {
    const [selectedOption, setSelectedOption] = useState("");

    function handleChange(e) {
        setSelectedOption(e.target.value);
    }

    return <>
        <h1 className="text-[36px] text-center text-gray-900">Koniec szkaradnych apek!</h1>
        <section className="my-6 p-6 bg-gray-200 rounded-md">
            <h2 className="text-[24px]">CSS</h2>
            <p className="text-base text-gray-600">
                CSS (Cascading Style Sheets) to język używany do projektowania i
                układania stron internetowych, nadając im kolor, styl i układ.
            </p>
        </section>
        <select onChange={handleChange}>
            <option disabled selected value>Wybierz brand kolor</option>
            <option value="blue">Niebieski</option>
            <option value="orange">Pomarańczowy</option>
            <option value="green">Zielony</option>
        </select>
    </>;
}