export const blogSkeleton = [{ xs: 6 }, { xs: 7 }, { xs: 10 }, { xs: 9 }, { xs: 7 }, { xs: 6 }, { xs: 7 }, { xs: 11 }, { xs: 9 }, { xs: 7 }, { xs: 8 }, { xs: 7 }, { xs: 11 }, { xs: 9 }, { xs: 7 }, { xs: 6 }, { xs: 8 }, { xs: 4 }, { xs: 9 }, { xs: 7 }];

const SKBlogSidebar = () => {
  const toggle = () => {};
  return (
    <div className="left-skelton-box">
      <ul>
        <li className="placeholder col-6"></li>
        <li className="placeholder col-7"></li>
        <li className="placeholder col-10"></li>
        <li className="placeholder col-9"></li>
        <li className="placeholder col-7"></li>
        <li className="placeholder col-6"></li>
        <li className="placeholder col-7"></li>
        <li className="placeholder col-11"></li>
        <li className="placeholder col-9"></li>
        <li className="placeholder col-7"></li>
        <li className="placeholder col-8"></li>
        <li className="placeholder col-7"></li>
        <li className="placeholder col-11"></li>
        <li className="placeholder col-9"></li>
        <li className="placeholder col-7"></li>
        <li className="placeholder col-6"></li>
        <li className="placeholder col-8"></li>
        <li className="placeholder col-4"></li>
        <li className="placeholder col-9"></li>
        <li className="placeholder col-7"></li>
      </ul>
    </div>
  );
};

export default SKBlogSidebar;
