<template>
  <a title="show code" class="absolute left-0 -ml-4 mt-1 pt-px" @click.prevent="$emit('toggle')">
    <svg
      class="fill-current text-gray-400 hover:text-teal-600 hover:cursor-pointer"
      width="16"
      height="15"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g fill-rule="nonzero">
        <path
          d="M15.73647 6.65293l-3.18745-3.19441c-.31059-.31127-.81569-.31127-1.12627 0-.3106.31126-.3106.81746 0 1.12873l2.62274 2.62847-2.62588 2.63162c-.31059.31126-.31059.81746 0 1.12873.2447.24524.8502.27668 1.12627 0l3.18745-3.19441c.31373-.31127.31373-.81432.00314-1.12873zM4.5804 3.45852c-.3106-.31127-.8157-.31127-1.12628 0l-3.1906 3.1944c-.31058.31127-.31058.81747 0 1.12874l3.18746 3.19755c.27608.27669.88157.24524 1.12627 0 .3106-.31126.3106-.81746 0-1.12873L1.95451 7.22201l2.62588-2.63162c.31059-.3144.31059-.81746 0-1.13187zM10.23059.05345c-.4204-.13205-.86588.10061-.99765.52507L5.24863 13.35616c-.13177.4213.09725.8835.52392.99982.4549.12262.89098-.18236.99765-.52506L10.7545 1.05328c.12863-.42131-.10353-.86778-.52392-.99983z"
        ></path>
      </g>
    </svg>
  </a>
</template>