import React from "react";
import classNames from "classnames";
import { Text, TextProps } from "../Text";
import { STATUS_VARIANT } from "../../types";
import { bem } from "../../utilities";

const cn = "SmallCaps";

export interface SmallCapsProps extends TextProps {
  variant?: STATUS_VARIANT;
}

export const SmallCaps = (props: SmallCapsProps) => {
  const { className, variant, ...rest } = props;
  return (
    <Text
      {...rest}
      as="div"
      className={classNames(bem(cn), bem(cn, { m: variant }), className)}
    />
  );
};