import { Button } from "@mui/material";
import React from "react";

function AddComment() {
  return (
    <div className="flex flex-col md:flex-row gap-y-[12px] items-start md:items-center justify-start gap-[16px] my-[12px] mb-[16] sm:!my-[16px] md:!my-[20px] lg:!my-[24px]">
      <p className="text-[#616161] text-[16px] font-normal">
        شما هم نظر خود را به اشتراک بگذارید:
      </p>
      <Button
        variant="outlined"
        className="!w-full md:!w-fit !border !border-[#5559CE] !rounded-[4px] !px-[38px] !py-[6px] md:!py-[8px] lg:!py-[9px]"
      >
        ثبت نظر
      </Button>
    </div>
  );
}

export default AddComment;
