import React from 'react';
import { Svg, Path } from 'react-native-svg';

import colors from 'constants/styleGuide/colors';

export default function LiskIsotypeSvg({
  color = colors.light.white,
  height = 24,
  width = 24,
  style,
}) {
  return (
    <Svg width={width} height={height} viewBox="0 0 24 24" fill="none" style={style}>
      <Path
        d="M11.8907 0.0528633C11.873 -0.0176211 11.7849 -0.0176211 11.7496 0.0528633L9.70455 3.54184C9.68692 3.57708 9.68692 3.61232 9.70455 3.62994L11.8201 7.25989L17.4265 16.881C17.4441 16.9162 17.4441 16.9515 17.4088 16.9867L14.447 20.2995L11.2912 23.8589C11.2384 23.9118 11.2736 23.9999 11.3618 23.9999H16.0866C16.1042 23.9999 16.1395 23.9823 16.1571 23.9647L21.975 17.4273C21.9926 17.392 22.0103 17.3568 21.9926 17.3215L11.8907 0.0528633ZM9.66957 23.9731C9.68238 23.9641 9.6952 23.9552 9.70375 23.9462L12.7459 20.3592C12.7972 20.3054 12.763 20.2157 12.6776 20.2157H9.32775C9.31066 20.2157 9.27647 20.1978 9.25938 20.1798L6.42228 16.8439C6.40519 16.808 6.3881 16.7722 6.40519 16.7363L11.1565 8.18126C11.1736 8.14539 11.1736 8.10952 11.1565 8.09158L9.19102 4.54044C9.15684 4.48663 9.07138 4.48663 9.0372 4.54044L2.01282 17.2026C1.99573 17.2385 1.99573 17.2744 2.01282 17.3102L7.65283 23.9641C7.66992 23.9821 7.68702 24 7.7212 24H9.63538C9.64393 23.991 9.65675 23.9821 9.66957 23.9731Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </Svg>
  );
}
