import React from 'react';
import classNames from 'classnames';

type Props = {
    id: number;
    color: string;
    title_one: string;
    title_two: string;
    img: string;
    sale: string;
  };

  export const CardStock: React.FC<Props> = ({color, title_one, title_two, img, sale}) => {
    return(
        <div className={classNames('card_stock', color)}>
            <div className={'title_box'}>
                <p className={'title'}>{title_one}</p>
                <p className={'title'}>{title_two}</p>
            </div>
            <div className = {classNames('img', img)}/>
            <div className={'sale_box'}>
                <p>{sale}</p>
            </div>
        </div>
    )
}