import React, { FC } from 'react';
import css from './index.module.css';
import classNames from 'classnames';

export interface RibbonProps {
  content?: string;
  className?: any;
}

const Ribbon: FC<RibbonProps> = ({ content, className }) => {
  return (
    <>
      <div className={css.fold} />
      <div
        className={classNames([css.ribbon, css.ribbon_top_right, className])}
      >
        <span>{content && 'SALE'}</span>
      </div>
    </>
  );
};

export default Ribbon;
