esh esh esh esh esh

Threshhhh.jsx

/** Proposal for new JSX syntax for css */

import * as React from 'react';
import {css} from '@emotion/core';
import Avatar from "./Avatar";
import Text from "./Text";

type Props = {
  name: string,
  email: string,
  title: string,
};

function ProfileCard({name, email, title}: Props) {
  return (
    <section:container>
      <Avatar />
      <div:content>
        <Text>{name}</Text>
        <div:sub_content>
          <Text>{email}</Text>
          <Text>{title}</Text>
        </div>
      </div>
    </section>
  );
}

const styles = {
  container: css`
  
  `,
  content: css`
  
  `,
  subcontent: css`
  
  `,
};

export default ProfileCard;