import {
  Canvas,
  Meta,
  Story,
  ArgsTable
} from '@storybook/addon-docs'
import RplAcknowledgement from './RplAcknowledgement.vue'
import { a11yStoryCheck } from './../../../stories/interactions.js'

export const SingleTemplate = (args) => ({
  components: { RplAcknowledgement },
  setup() {
    return { args }
  },
  template: '<RplAcknowledgement v-bind="args" />'
})

<Meta title='Core/Containers/Acknowledgement' component={RplAcknowledgement} />

# Acknowledgement

<ArgsTable of={RplAcknowledgement} />

<Canvas>
  <Story
    name='Acknowledgement'
    play={a11yStoryCheck}
    args={{
      message: 'The Victorian Government acknowledges Aboriginal and Torres Strait Islander people as the Traditional Custodians of the land and acknowledges and pays respect to their Elders, past and present.'
    }}
  >
    {SingleTemplate.bind()}
  </Story>
</Canvas>
