import React from "react";

import classNames from "classnames";

import { Icon } from "@arc-ui/components/Icon";

import { ArcIconPlay } from "@arc-ui/icons/ArcIconPlay";

import styles from "./VideoCardPlayIcon.module.css";

export const VideoCardPlayIcon = ({ size = "l" }: VideoCardPlayIconProps) => {
  return (
    <div
      className={classNames(
        styles.playIconContainer,
        styles[`playIconContainer--${size}`],
      )}
    >
      <div className={styles.playIcon}>
        <Icon icon={ArcIconPlay} />
      </div>
    </div>
  );
};

interface VideoCardPlayIconProps {
  size?: "s" | "l";
}