import e from "./index-styled-components.browser.esm.js";
import i from "./index-StyledSVG2.js";
const l = e(i).attrs(({
  testid: t
}) => ({
  "data-testid": t
}))`
  width: ${({
  width: t
}) => t}px;
  filter: (${({
  filter: t
}) => t}px);
  height: ${({
  width: t
}) => t}px;
  vertical-align: baseline;
  background-repeat: ${({
  backgroundrepeat: t
}) => t};

  & path {
    width: ${({
  width: t
}) => t}px;
    height: ${({
  width: t
}) => t}px;
    fill: ${({
  color: t
}) => t};
    fill-opacity: ${({
  fillOpacity: t
}) => t};
    background-repeat: ${({
  backgroundrepeat: t
}) => t};
  }

  & rect {
    fill: ${({
  backgroundcolor: t
}) => t};
    background-repeat: ${({
  backgroundrepeat: t
}) => t};
  }

  &:hover {
    & path {
      fill: ${({
  hovercolor: t
}) => t};
    }
  }

  &.hover {
    & path {
      fill: ${({
  hovercolor: t
}) => t};
    }
  }
`;
export {
  l as StyledSVG
};
