import { Canvas, Meta, Controls, Source } from '@storybook/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>

<Canvas of={LogoStories.Default} />

# API

<Controls of={LogoStories.Default} />

## Utilisation

<Source dark code={`
<script setup lang='ts'>
    import { Logo } from '@cnamts/synapse'
</script>
import '../../stories/styles/shared.css';
<template>
  <Logo :hideSignature="false" :hideOrganism="false" :risquePro="false" ariaLabel="" :avatar="false" :dark="false" />
</template>
`} />