my first mdx file

Aliqua et voluptate sit occaecat culpa reprehenderit in Lorem occaecat velit excepteur nostrud dolore ad. Dolor ex labore labore mollit irure ullamco voluptate. Dolore culpa qui excepteur mollit nostrud excepteur in nostrud nostrud. Anim nostrud dolor ea consequat sit nostrud Lorem sit nostrud commodo officia adipisicing minim. Laborum ut sint ex fugiat minim incididunt cillum. Ad duis consequat esse duis veniam nulla laborum quis dolor eu ullamco.

my heading h1

jsx heading one

my heading 6

js
const firstName = 'sumesh'
const lastName = 'majhi'

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>
  )
}