You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
703 B
26 lines
703 B
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>
|
|
)
|
|
} |