import * as _ from "lodash";
import * as React from "react";

interface IDotProps {
  character?: string;
}

export const Dot = ({ character }: IDotProps) => (
  <div className="dot">
    {_.isString(character) && (
      <div className="dot__character">
        {character}
      </div>
    )}
  </div>
);