import React from "react";
import { Icon } from "@chakra-ui/react";
import { chakra } from "@chakra-ui/react";
const MobileMenuDark = (props) => (
  <Icon viewBox="0 0 26.66 119.78" {...props}>
    <path
      fill={props?.colors?.[0] ?? "#202990"}
      d={
        "M13.34,0A13.41,13.41,0,0,1,26.66,13.32,13.46,13.46,0,0,1,13.34,26.66,13.5,13.5,0,0,1,0,13.33,13.48,13.48,0,0,1,13.34,0Z"
      }
    />
    ,
    <path
      fill={props?.colors?.[1] ?? "#FF2990"}
      d={
        "M26.64,59.84A13.3,13.3,0,1,1,0,59.67a13.23,13.23,0,0,1,13.27-13A13.21,13.21,0,0,1,26.64,59.84Z"
      }
    />
    ,
    <path
      fill={props?.colors?.[2] ?? "#FFFF90"}
      d={
        "M26.66,106.69a13.44,13.44,0,0,1-13.55,13.09,13.33,13.33,0,1,1,.46-26.66A13.48,13.48,0,0,1,26.66,106.69Z"
      }
    />
  </Icon>
);
export default chakra(MobileMenuDark);

import { MobileMenuDark } from "MobileMenuDark";

export default (props) => {
  return (
    <div>
      <MobileMenuDark boxSize="32" colors={["red", "blue", "teal"]} /> Manage my
      Collections
    </div>
  );
};