<commit_before>import * as React from 'react'
import { Link } from 'gatsby'

import { Container } from './Container'
import { CloseIcon } from './icons/Close'

export const Menu = ({ showMenu, onClick }) => {
  return (
    <div
      className={`${
        showMenu ? 'fixed' : 'hidden'
      } inset-0 z-40 h-screen bg-black w-full bg-opacity-25`}
    >
      <div className="h-full px-5 mx-auto mr-32 antialiased bg-white sm:px-8 md:px-12 lg:px-0">
        <Container className="flex flex-col space-y-4">
          <Link
            to="/articles"
            className="font-bold text-gray-500 text-normal hover:underline"
          >
            Articles
          </Link>
          <Link
            to="/projects"
            className="font-bold text-gray-500 text-normal hover:underline"
          >
            Projects
          </Link>
        </Container>
      </div>
      <div className="absolute bottom-0 right-0 p-4 m-6 text-white bg-black rounded-full">
        <CloseIcon
          className="w-6 h-6"
          onClick={() => onClick((prevState) => !prevState)}
        />
      </div>
    </div>
  )
}
<commit_msg>Fix menu close btn position<commit_after>import * as React from 'react'
import { Link } from 'gatsby'

import { Container } from './Container'
import { CloseIcon } from './icons/Close'

export const Menu = ({ showMenu, onClick }) => {
  return (
    <div
      className={`${
        showMenu ? 'fixed' : 'hidden'
      } inset-0 z-40 h-full bg-black w-full bg-opacity-25`}
    >
      <div className="h-full px-5 mx-auto mr-32 antialiased bg-white sm:px-8 md:px-12 lg:px-0">
        <Container className="flex flex-col space-y-4">
          <Link
            to="/articles"
            className="font-bold text-gray-500 text-normal hover:underline"
          >
            Articles
          </Link>
          <Link
            to="/projects"
            className="font-bold text-gray-500 text-normal hover:underline"
          >
            Projects
          </Link>
        </Container>
      </div>
      <div className="absolute bottom-0 right-0 p-4 m-6 text-white bg-black rounded-full">
        <CloseIcon
          className="w-6 h-6"
          onClick={() => onClick((prevState) => !prevState)}
        />
      </div>
    </div>
  )
}

{'fraction_non_alphanumeric': 0.14185639229422067, 'fraction_numerical': 0.021891418563922942, 'mean_word_length': 1.8244746600741657, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '624094', 'n_tokens_mistral': 719, 'n_tokens_neox': 706, 'n_words': 170}