index.stories.tsx

import React from 'react'
import SkipToMainContentLink from './index';

export default {
    title: 'Skip To Main Content Link',
    component: SkipToMainContentLink
}
export const Basic = () => (
  <>
    <SkipToMainContentLink skipTo="#cta" />
    <main className="focus:outline-2 space-y-10">
      <div>This is main content</div>
      <button
        onClick={() => alert('clicked')}
        id="cta"
        className="px-4 py-2 bg-green-600 rounded-sm text-white focus:border-red-500 focus:outline-red-500"
      >
        Test
      </button>
    </main>
  </>
);