import { Meta, Story, Preview} from "@storybook/addon-docs/blocks"
import SEmail from "../SEmail"

<Meta title='Share/SEmail' component={ SEmail } />

<style>{`
  .custom-preview .base-canvas {
    height: auto;
  }
`}</style>

# SEmail

## Preview

<Preview className="custom-preview">
  <Story id='share-semail--default' />
</Preview>

## Example

```html
<template>
  <s-email :share-options="shareOptions"></s-email>
</template>

<script>
  import { SEmail } from 'vue-socials'

  export default {
    name: 'SEmailSharing',

    components: { SEmail },

    data() {
      return {
        shareOptions: {
          mail: 'google@gmail.com',
          cc: ['google1@gmail.com', 'google3@gmail.com'],
          bcc: ['google2@gmail.com', 'google4@gmail.com'],
          subject: 'Subject',
          body: 'Hello\nWorld',
        },
      }
    },
  };
</script>
```

## Props

| Prop | Type | Description | Default value |
| ------ | ------ | ------ | ------ |
`shareOptions` | `object` | Your share link parameters: <br /> **mail** – e-mail recipient address <br /> **subject** – subject of e-mail <br /> **cc** – carbon copy e-mail address <br />  **bcc** – blind carbon copy e-mail address <br /> **body** – body of e-mail <br /> | `{}`