Styles

So far, components are rather unattractive. Let's start using styled-components.

~/packages/web

$ yarn add styled-components @types/styled-components

Link.tsx

import * as React from "react";
import styled from "styled-components";

export interface LinkProps {
  id: string;
  uri: string;
  userId: string;
}

const Container = styled.div`
  border: 1px solid gray;
  width: 200px;
  padding: 20px;
`;

export const Link = (props: LinkProps) => (
  <Container>URI: {props.uri}</Container>
);

Read the Styled Component documentation.