const Dot = ({ size, x, y, color, children }) => {
  const { css } = useFela({ size, x, y, color })

  return <div className={css(rule)}>{children}</div>
}