Dropdown Link

    import React from "react"
    import DropdownLink from "components/ui/DropdownLink"

    <DropdownLink
      title={(
        <div className="flex items-center p-2 sm:pl-5 cursor-pointer border border-primary-500 rounded-md">
          <p className="text-base font-normal text-primary-500 ml-1">Products & Solutions</p>
          <svg className="w-6 h-6 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
            <path fillRule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" />
          </svg>
        </div>
      )}
      className="text-primary-500"
      size="large"
    >
      <div className="py-1 space-y-2" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
        <button className="block w-full text-left px-4 py-2 leading-5 text-primary-500" role="menuitem">
          Products
        </button>
        <button className="block w-full text-left px-4 py-2 leading-5 text-primary-500" role="menuitem"
        >
          Solutions
        </button>
      </div>
    </DropdownLink>