src/components/personal.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import React from 'react'
import { css } from '@emotion/core'

import { margins } from './globals'

const personalStyle = css`
  & > * {
    margin: 0 0 ${margins.md}px 0;
  }
`

export const Personal = ({ name, email, imgUrl, imgAlt, tagline }) => (
  <article css={personalStyle}>
    {name}
    <img src={imgUrl} alt={imgAlt} />
    <h3>{tagline}</h3>
    {email}
  </article>
)