ProductListHeader

Code

import ProductListSort from "../ProductListSort/ProductListSort"
import { SquaresFour } from "@phosphor-icons/react"

interface Props {
	heading: string
}
const ProductListHeader = ({ heading }: Props) => {
	return (
		<div className="flex justify-between items-center pb-[20px] border-b border-gray-200">
			<h1 className="text-[36px] font-semibold">{heading}</h1>
			<div className="flex items-center">
				<div className="mr-[20px]">
					<ProductListSort />
				</div>
				<SquaresFour cursor="pointer" size={25}></SquaresFour>
			</div>
		</div>
	)
}

export default ProductListHeader