export default function Contacts() { return ( <ContactContextProvider> <Segment basic> <Header as="h3">Contacts</Header> <ContactForm /> <ContactTable /> </Segment> </ContactContextProvider> ); }
function MovieHeader(props) { return ( <Menu color={"teal"} inverted borderless> <Menu.Item heading='true'> <Header as="h2" inverted> <Header.Content>{props.title}</Header.Content> </Header> </Menu.Item> </Menu> ); }
errorMessage() { return ( <Header as="h2" icon color="orange"> <Icon color="orange" name="delete" circular /> There was an error adding you to the team. <Header.Subheader> Please try refreshing the page or contact us. </Header.Subheader> </Header> ); }
// Component const About = () => ( <div> <Header as='h3'>About Wispy</Header> <Divider /> <p><span role='img' aria-label='wispy'>🌱</span>An experimental lightweight RPC (remote procedure call) API pattern inspired by GraphQL/SOAP.</p> </div> )
data.map((definition, i) => ( <> <Feed.Event key={i}> <Feed.Label><Header inverted color={this.props.color}>{i + 1}</Header></Feed.Label> <Feed.Content> <Feed.Summary style={{ color: "white" }}> {definition} </Feed.Summary> </Feed.Content> </Feed.Event> <Divider inverted></Divider></> ))
render() { return ( <Container> <Header as="h1">Login Required</Header> <Form onSubmit={this._login}> <Form.Input label="Password" type="password" name="password" onChange={this.handleChange}/> <Form.Button>Submit</Form.Button> </Form> </Container> ) }
const HeroBar = props => { return ( <Segment> <Header as='h1' icon textAlign='center'> <Icon name='cogs' /> <Header.Content>{props.children}</Header.Content> </Header> </Segment> ); }
const ConfigPage = ({ namespace }) => ( <> <Header>About this site</Header> <p> <TitleInput namespace={namespace} /> </p> <p> <label>Display clock ? </label> <DisplayInput namespace={namespace} /> </p> </> )
const PrimaryHeader = ({ children }) => { return ( <Header as='h3' style={headerStyle}> {children} </Header> ) }
const DividerDescripcion = props => ( <Divider horizontal> <Header as="h4"> <Icon name={props.icono}/> {props.titulo} </Header> </Divider> )
export default function Africa() { return ( <Container text> <div> <Header as='h2'>Africa</Header> <p> Africa is the world's second-largest and second-most populous continent, after Asia. At about 30.3 million km2 (11.7 million square miles) including adjacent islands, it covers 6% of Earth's total surface area and 20% of its land area.With 1.3 billion people as of 2018, it accounts for about 16% of the world's human population. Africa's average population is the youngest amongst all the continents;the median age in 2012 was 19.7, when the worldwide median age was 30.4.Despite a wide range of natural resources, the continent is the least wealthy per capita in large part due to the legacies of European colonization in Africa. Despite this low concentration of wealth, recent economic expansion and the large and young population make Africa an important economic market in the broader global context </p> </div> </Container> ); }
const Home = () => ( <div> <Header as='h2' content='站长推荐' /> <Recommands /> </div> )
export default function Asia() { return ( <Container text> <div> <Header as="h2">Asia </Header> <p> Asia is Earth's largest and most populous continent, located primarily in the Eastern and Northern Hemispheres. It shares the continental landmass of Eurasia with the continent of Europe and the continental landmass of Afro-Eurasia with both Europe and Africa. Asia covers an area of 44,579,000 square kilometres (17,212,000 sq mi), about 30% of Earth's total land area and 8.7% of the Earth's total surface area. The continent, which has long been home to the majority of the human population, was the site of many of the first civilizations. Asia is notable for not only its overall large size and population, but also dense and large settlements, as well as vast barely populated regions. Its 4.5 billion people (as of June 2019) constitute roughly 60% of the world's population. </p> </div> </Container> ); }
render() { return ( <Container> <Header as="h1">Login Required</Header> <Form onSubmit={this._login}> <Form.Input label="Password" type="password" name="password" onChange={this.handleChange}/> <Form.Button>Submit</Form.Button> </Form> </Container> ) }
export default function Europe() { return ( <Container text> <div> <Header as="h2">Europe</Header> <p> Europe is a continent located entirely in the Northern Hemisphere and mostly in the Eastern Hemisphere. It comprises the westernmost part of Eurasia and is bordered by the Arctic Ocean to the north, the Atlantic Ocean to the west, the Mediterranean Sea to the south, and Asia to the east. Europe is commonly considered to be separated from Asia by the watershed divides of the Ural and Caucasus Mountains, the Ural River, the Caspian and Black Seas and the waterways of the Turkish Straits.Although much of this border is over land, Europe is generally accorded the status of a full continent because of its great physical size and the weight of history and tradition. </p> </div> </Container> ); }