import React from "react";
import cx from "classnames";
import s from "./Dot.module.scss";

export default function Dot({ size = "medium", color = "#4D53E0", style }) {
  return (
    <div
      className={cx(s.dotBase, {
        [s.dotSmall]: size === "small",
        [s.dotMedium]: size === "medium",
        [s.dotLarge]: size === "large"
      })}
      style={{
        backgroundColor: color,
        ...style
      }}
    />
  );
}
