import React from 'react';

const Layers = ({ 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}
    data-cy="layer-icon"
  >
    <path
      opacity="0.4"
      d="M11.1723 21.6238L3.0027 17.9103C2.2211 17.5551 2.22111 16.4449 3.0027 16.0896L11.1723 12.3762C11.6981 12.1371 12.3017 12.1371 12.8275 12.3762L20.9971 16.0896C21.7787 16.4449 21.7787 17.5551 20.9971 17.9103L12.8275 21.6238C12.3017 21.8628 11.6981 21.8628 11.1723 21.6238Z"
      fill={fill}
    />
    <path
      d="M11.1723 16.6238L3.0027 12.9103C2.2211 12.5551 2.22111 11.4449 3.0027 11.0896L11.1723 7.37617C11.6981 7.13714 12.3017 7.13714 12.8275 7.37617L20.9971 11.0896C21.7787 11.4449 21.7787 12.5551 20.9971 12.9103L12.8275 16.6238C12.3017 16.8628 11.6981 16.8628 11.1723 16.6238Z"
      fill={fill}
    />
    <path
      opacity="0.4"
      d="M11.1723 11.6238L3.0027 7.91035C2.2211 7.55508 2.22111 6.44489 3.0027 6.08961L11.1723 2.37617C11.6981 2.13714 12.3017 2.13714 12.8275 2.37617L20.9971 6.08962C21.7787 6.44489 21.7787 7.55508 20.9971 7.91035L12.8275 11.6238C12.3017 11.8628 11.6981 11.8628 11.1723 11.6238Z"
      fill={fill}
    />
  </svg>
);

export default Layers;
