text: import React from 'react';
  
  const Ratings = () => {
      return (
          <div className="sort-rating">
              <div className="custom-control custom-checkbox checkbox-outline checkbox-outline-primary">
                  <input type="checkbox" className="custom-control-input" id="customCheck7" />
                  <label className="custom-control-label" >
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                  </label>
              </div>
              <div className="custom-control custom-checkbox checkbox-outline checkbox-outline-primary">
                  <input type="checkbox" className="custom-control-input" id="customCheck8" />
                  <label className="custom-control-label" >
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                  </label>
              </div>
              <div className="custom-control custom-checkbox checkbox-outline checkbox-outline-primary">
                  <input type="checkbox" className="custom-control-input" id="customCheck9" />
                  <label className="custom-control-label" >
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span className="active"><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                  </label>
              </div>
              <div className="custom-control custom-checkbox checkbox-outline checkbox-outline-primary">
                  <input type="checkbox" className="custom-control-input" id="customCheck11" />
                  <label className="custom-control-label" >
                      <span className="active"><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                  </label>
              </div>
              <div className="custom-control custom-checkbox checkbox-outline checkbox-outline-primary">
                  <input type="checkbox" className="custom-control-input" id="customCheck12" />
                  <label className="custom-control-label" >
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                      <span><i className="la la-star"></i></span>
                  </label>
              </div>
          </div>
      )
  }
  
  export default Ratings;