MCPcopy
hub / github.com/danilowoz/react-atomic-design / App

Function App

src/App.js:11–33  ·  view source on GitHub ↗
()

Source from the content-addressed store, hash-verified

9import './bootstrap'
10
11const App = (): React.Element<*> => (
12 <div className={view.default}>
13 <Feature
14 className={view.hero}
15 image="https://i.pinimg.com/originals/7e/d6/1a/7ed61a337b0cccb1598fe5fd1b9724bf.jpg"
16 >
17 <Block title="Atom" button="Learn more">
18 <p>
19 An atom is the smallest constituent unit of ordinary matter that has the properties of a
20 chemical element. Every solid, liquid, gas, and plasma is composed of neutral or ionized
21 atoms. Atoms are very small; typical sizes are around 100 picometers (a ten-billionth of a
22 meter, in the short scale).
23 </p>
24 </Block>
25 </Feature>
26
27 <div className={view.col1}>
28 <Subtitle>Atoms in philosophy</Subtitle>
29 </div>
30 <div className={view.col2}>
31 <p>
32 The idea that matter is made up of discrete units is a very old idea, appearing in many
33 ancient cultures such as Greece and India. The word &quot;atom&quot; was coined by ancient
34 Greek philosophers. However, these ideas were founded in philosophical and theological
35 reasoning rather than evidence and experimentation. As a result, their views on what atoms
36 look like and how they behave were incorrect. They also could not convince everybody, so

Callers

nothing calls this directly

Calls

no outgoing calls

Tested by

no test coverage detected