import React from 'react';

const SmileRectangle = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      opacity="0.4"
      d="M6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2Z"
      fill={fill}
    />
    <path
      d="M17 10C17 10.5523 16.5523 11 16 11C15.4477 11 15 10.5523 15 10C15 9.44772 15.4477 9 16 9C16.5523 9 17 9.44772 17 10Z"
      fill={fill}
    />
    <path
      d="M9 10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10C7 9.44772 7.44772 9 8 9C8.55228 9 9 9.44772 9 10Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.49455 14.4362C9.1849 14.1645 8.71354 14.1934 8.43945 14.5017C8.16426 14.8113 8.19215 15.2854 8.50174 15.5606L9.00001 15C8.50174 15.5606 8.5015 15.5604 8.50174 15.5606L8.5027 15.5614L8.50376 15.5624L8.50622 15.5645L8.51243 15.5699L8.53 15.5849C8.54398 15.5967 8.56252 15.612 8.58552 15.6303C8.6315 15.6668 8.6955 15.7154 8.77679 15.7719C8.93912 15.8849 9.17203 16.0306 9.46968 16.1749C10.065 16.4635 10.9268 16.75 12 16.75C13.0733 16.75 13.935 16.4635 14.5303 16.1749C14.828 16.0306 15.0609 15.8849 15.2232 15.7719C15.3045 15.7154 15.3685 15.6668 15.4145 15.6303C15.4375 15.612 15.456 15.5967 15.47 15.5849L15.4876 15.5699L15.4938 15.5645L15.4963 15.5624L15.4973 15.5614C15.4976 15.5612 15.4983 15.5606 15 15L15.4983 15.5606C15.8079 15.2854 15.8358 14.8113 15.5606 14.5017C15.2865 14.1934 14.8151 14.1645 14.5055 14.4362L14.5046 14.4369C14.5012 14.4398 14.4929 14.4466 14.4815 14.4557C14.4587 14.4739 14.4201 14.5034 14.3666 14.5406C14.2594 14.6152 14.0939 14.7195 13.8759 14.8251C13.44 15.0365 12.8018 15.25 12 15.25C11.1983 15.25 10.56 15.0365 10.1241 14.8251C9.90611 14.7195 9.74058 14.6152 9.63338 14.5406C9.57991 14.5034 9.54136 14.4739 9.5185 14.4557C9.50708 14.4466 9.49961 14.4404 9.4962 14.4376C9.49547 14.4369 9.49491 14.4365 9.49455 14.4362C9.49456 14.4362 9.49455 14.4362 9.49455 14.4362ZM14.5055 14.4362L14.5046 14.4369L14.5034 14.438L14.5026 14.4387C14.5037 14.4377 14.5044 14.4371 14.5055 14.4362Z"
      fill={fill}
    />
  </svg>
);

export default SmileRectangle;
