import { Canvas, Meta, Controls, Source } from '@storybook/addon-docs/blocks';
import * as LogoStories from './Logo.stories.ts';
import Logo from './Logo.vue';

<Meta title="Composants/Données/Logo" component={Logo} />

<div className="header">
  <h1>Logo</h1>
  <p>Le composant `Logo` est utilisé pour afficher le logo de l'application avec différentes options de personnalisation.</p>
</div>

{/* func-version-start */}
<p className="func-version-badge">Dernière mise à jour fonctionnelle : V1.0.18 - 20/01/2026</p>
{/* func-version-end */}
{/* a11y-version-start */}
<p className="a11y-version-badge">Dernière mise à jour accessibilité : V1.1.3 - 22/07/2026</p>
{/* a11y-version-end */}


<Canvas of={LogoStories.Default} />

# API

<Controls of={LogoStories.Default} />

## Utilisation

<Source dark code={`
<script setup lang='ts'>
    import { Logo } from '@cnamts/synapse'
</script>

<template>
  <Logo :hideSignature="false" :hideOrganism="false" :risquePro="false" ariaLabel="" :avatar="false" :dark="false" />
</template>
`} />