import React from 'react'

export function Squire() {
  return <div style={{ backgroundColor: '#F5F5F5', borderRadius: '2px', width: '48px', height: '48px' }} />
}

export function Circle() {
  return <div style={{ backgroundColor: '#F5F5F5', borderRadius: '100%', width: '48px', height: '48px' }} />
}

export function SmallSquire() {
  return <div style={{ backgroundColor: '#F5F5F5', borderRadius: '2px', width: '24px', height: '24px' }} />
}

export function Gap() {
  return <div style={{ display: 'inline-block', width: '45px' }} />
}