FreehandButton.js

import React, { Component } from 'react'
import styled from 'styled-components'

const StyledButton = styled('a')`
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: ${({ theme }) => theme.radii.circled};
  box-shadow: ${({ theme }) => theme.elevations.low};
  background: ${({ theme, active }) => active ? theme.palette.structure.black : theme.palette.structure.white};
`