index.mdx

mode	custom
title	Draftable Docs

Welcome to Draftable Docs!

Hi, How can we help you today?

<div className="flex items-center justify-center" style={{ maxWidth: '800px', margin: '0 auto' }}>
  <button
    type="button"
    className="hidden w-full lg:flex items-center text-sm leading-6 py-4 pl-4 pr-4 text-gray-500 rounded-full"
    id="home-search-entry"
    style={{
      marginTop: '2rem',
      maxWidth: '40rem',
      background: '#FFF',
      boxShadow: '0px 1px 4px 0px rgba(8, 9, 10, 0.25), 0px 0px 0px 4px rgba(255, 255, 255, 0.20)',
      cursor: 'pointer',
      textAlign: 'left',
    }}
    onClick={()=> document.getElementById('search-bar-entry').click()}
  >
    <svg
      className="h-4 w-4 ml-1.5 flex-none bg-primary hover:bg-gray-600 dark:bg-primary-dark dark:hover:bg-white/70"
      style={{
      marginRight: '0.5rem',
      maskImage:
        'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
      maskRepeat: 'no-repeat',
      maskPosition: 'center center',
      }}
    />
    Search the Draftable knowledgebase...
  </button>
</div>