My first mdx file

I'm baby hashtag tofu gluten-free flannel umami 90's heirloom letterpress. 3 wolf moon scenester chartreuseblue bottle coloring book live-edge marfa blog fingerstache ugh. Chia whatever street art cray art party locavore pitchfork chambray salvia freegan schlitz. Kombucha mixtape tattooed church-key meditation jianbing tote bag pitchfork fanny pack listicle plaid edison bulb four loko ramps. Synth ethical butcher, retro plaid shabby chic bitters activated charcoal. Cornhole pickled cardigan williamsburg hexagons

my heading h1

my another heading

js
const firstName = 'john'
const lastName = 'smith'

React Components

jsx
import React from 'react'
import styled from 'styled-components'
import { AiOutlineLike } from 'react-icons/ai'
const LikeButton = () => {
  const [value, setValue] = React.useState(0)
  return (
    <Wrapper>
      <div>
        <button onClick={() => setValue(value + 1)}>
          <AiOutlineLike />
        </button>
        <p>
          Liked the post?
          <br />
          Click thumbs up few times
        </p>
      </div>
      <span>+{value}</span>
    </Wrapper>
  )
}