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

import { ISpriteProps, Sprite, SpriteType } from "../Sprite";

export enum DiskSize {
  Small = "small",
  Large = "large",
}

interface IDiskProps {
  className?: string;
  sprite?: ISpriteProps;
  size?: DiskSize;
}

export const Disk = ({ className, sprite = { type: SpriteType.FilledStar }, size = DiskSize.Large }: IDiskProps) => (
  <div className={classNames("disk", {
    [`disk--${size}`]: size,
    [className]: _.isString(className),
  })}>
    <Sprite {...sprite} />
  </div>
);