import * as React from 'react'; import styled from 'styled-components'; import { Button } from 'ts/@next/components/button'; import { ChapterLink } from 'ts/@next/components/chapter_link'; import { Column, Section } from 'ts/@next/components/newLayout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; import { Heading, Paragraph } from 'ts/@next/components/text'; import { addFadeInAnimation } from 'ts/@next/constants/animations'; interface Props { title: string; description: React.ReactNode | string; linkLabel?: string; linkUrl?: string; children?: Node; } export const AboutPageLayout = (props: Props) => (
Our Mission Team Press Jobs {props.title} {props.description} {(props.linkLabel && props.linkUrl) && {props.linkLabel} }
{props.children}
); const AnimatedHeading = styled(Heading)` ${addFadeInAnimation('0.5s')} `; const AnimatedParagraph = styled(Paragraph)` ${addFadeInAnimation('0.5s', '0.15s')} `; const AnimatedLink = styled(Button)` ${addFadeInAnimation('0.6s', '0.3s')} `;