import type { Meta } from '@storybook/svelte'
import BasicExample from './examples/basic.svelte'
import DynamicQueryExample from './examples/dynamic-query.svelte'
import ExactMatchExample from './examples/exact-match.svelte'
import IgnoreCaseExample from './examples/ignore-case.svelte'
import MatchAllExample from './examples/match-all.svelte'
import MultipleExample from './examples/multiple.svelte'
import RepeatingTextExample from './examples/repeating-text.svelte'

const meta = {
  title: 'Utilities / Highlight',
} as Meta

export default meta

export const Basic = {
  render: () => ({
    Component: BasicExample,
  }),
}

export const DynamicQuery = {
  render: () => ({
    Component: DynamicQueryExample,
  }),
}

export const ExactMatch = {
  render: () => ({
    Component: ExactMatchExample,
  }),
}

export const IgnoreCase = {
  render: () => ({
    Component: IgnoreCaseExample,
  }),
}

export const MatchAll = {
  render: () => ({
    Component: MatchAllExample,
  }),
}

export const Multiple = {
  render: () => ({
    Component: MultipleExample,
  }),
}

export const RepeatingText = {
  render: () => ({
    Component: RepeatingTextExample,
  }),
}
