2021-04-20 22:23:35 +00:00
|
|
|
import {useState} from "react"
|
|
|
|
import classNames from "classnames"
|
|
|
|
import Style from "./App.module.css"
|
2021-04-20 23:03:59 +00:00
|
|
|
import BoxWithHeader from "./components/BoxWithHeader"
|
2021-04-20 22:09:13 +00:00
|
|
|
|
2021-04-20 22:07:39 +00:00
|
|
|
|
2021-04-20 22:23:35 +00:00
|
|
|
export default function App() {
|
2021-04-20 22:37:25 +00:00
|
|
|
const [theme, ] = useState("ThemeDark");
|
2021-04-20 22:23:35 +00:00
|
|
|
|
2021-04-20 22:09:13 +00:00
|
|
|
return (
|
2021-04-20 23:03:59 +00:00
|
|
|
<div className={classNames(Style.App, theme)}>
|
|
|
|
<BoxWithHeader
|
2021-04-20 23:22:31 +00:00
|
|
|
header={"Ciao mondo!"}
|
|
|
|
body={
|
|
|
|
<div>
|
2021-04-20 23:03:59 +00:00
|
|
|
<div>
|
2021-04-20 23:22:31 +00:00
|
|
|
Il CSS è pura magia.
|
2021-04-20 23:03:59 +00:00
|
|
|
</div>
|
|
|
|
<div>
|
2021-04-20 23:22:31 +00:00
|
|
|
Change my mind.
|
2021-04-20 23:03:59 +00:00
|
|
|
</div>
|
2021-04-20 23:22:31 +00:00
|
|
|
</div>
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
<BoxWithHeader
|
|
|
|
header={"Questa è un'altra Box."}
|
|
|
|
body={
|
|
|
|
<div>
|
|
|
|
E altro testo.
|
|
|
|
</div>
|
|
|
|
}
|
2021-04-20 23:03:59 +00:00
|
|
|
/>
|
|
|
|
<BoxWithHeader
|
2021-04-20 23:22:31 +00:00
|
|
|
header={"Ecco, così va meglio."}
|
|
|
|
body={"No."}
|
2021-04-20 23:03:59 +00:00
|
|
|
/>
|
2021-04-20 22:09:13 +00:00
|
|
|
</div>
|
|
|
|
)
|
2021-04-20 22:07:39 +00:00
|
|
|
}
|