import React, { useContext } from 'react';

import styles from '../styles/styles.module.css';
import { ProductContext } from './ProductCar';

export interface Props {
    className?: string,
    title?: string
}

export const ProductTitle = ({ title, className }: Props) => {
    const { product  } = useContext(ProductContext);
    return (
        <span className={`${styles.productDescription} ${className} `}>
            { title ? title : product.title }
        </span>
    )
}