import React from "react"; import "./BlogDesign2.scss"; import blogFeaturedImage2 from "../../../assets/images/blog-featured-image2.jpg"; import blogAuthorImg from "../../../assets/images/blog-author.png"; import commentIcon from "../../../assets/icons/light-gray-comment-icon.svg"; import whiteCommentIcon from "../../../assets/icons/white-comment-icon.svg"; const BlogDesign2 = ({ blogSubTitle, dateButton, tagButton, blogAuthor, blogComments, commentNumBgColor, commentNumTextColor, commentNumTopPosition, commentNumRightPosition, }) => { return (
{/* title holder */}

طراحی بلاگ 2

آدرس: blogs/design2

{/* blog UI Design2 */}
{dateButton && ( )} {tagButton && ( )}

آیا مواد غذایی پر فیبر مفید هستند؟

{blogSubTitle && (

شما چه فکری می کنید

)}
{blogAuthor && (

حامد دژبانی نسب

)} {blogComments && (

زمان مطالعه 30 دقیقه

26
)}
); }; export default BlogDesign2; // background color i used in commnet number background color // bg-lightGrayBgColor // bg-white // text color i used for comment number text color: // text-grayTextColor // text-white BlogDesign2.defaultProps = { blogSubTitle: true, dateButton: true, tagButton: false, blogAuthor: true, blogComments: true, commentNumBgColor: "bg-white", commentNumTextColor: "text-grayTextColor", commentNumTopPosition: "-top-2", commentNumRightPosition: "-right-2", };