import Link from "next/link" ; import { SBadge , SProductSectionHeader } from "../../styles/StyledElements" ; interface ProductSectionHeaderProps { category_name : string ; product_count : number ; category_id : number ; hasBackground ? : boolean ; } function ProductSectionHeader ( { category_name , product_count , category_id , hasBackground , } ) { return ( < SProductSectionHeader hasBackground = { ! ! hasBackground } > < div > < h2 > { category_name . toLowerCase ( ) } < /h2> < SBadge > { product_count } < /SBadge> < /div> < Link href = { `/details/${ category_id }` } > < a > See All < /a> < /Link> < /SProductSectionHeader>); } export default ProductSectionHeader ;