import {Controls, Canvas, Meta, Source, Story} from '@storybook/blocks';
import * as BackBtnStories from './BackBtn.stories';

<Meta of={BackBtnStories} />

<div className="header">
  <h1>BackBtn</h1>
  <p>L’élément `BackBtn` est utilisé pour permettre à l’utilisateur de revenir à la page précédente.</p>
</div>

<Story of={BackBtnStories.Info} />

<Canvas of={BackBtnStories.Default}  />

# API

<Controls of={BackBtnStories.Default} />

<Source dark code={`
<script setup lang="ts">
import { BackBtn } from '@cnamts/synapse'
</script>
import '../../stories/styles/shared.css';

<template>
    <BackBtn/>
</template>
`} />