RichText

import { RichText } from '@bindshq/stance-react';

export function Basic() {
  return (
    <RichText as="article">
      <h2>How signature deployment works</h2>
      <p>
        When you publish a template, Binds generates a personalised signature for every user in your
        organisation and deploys it through your <a href="#exchange">Exchange connection</a>.
      </p>
      <ul>
        <li>Personal details come from your directory.</li>
        <li>Changes reach every mailbox within five minutes.</li>
      </ul>
      <blockquote>Consistent signatures reinforce the brand in every email you send.</blockquote>
      <h3>Requirements</h3>
      <p>
        An administrator must grant consent once. Use <code>Connect Microsoft 365</code> in
        Integrations.
      </p>
    </RichText>
  );
}

import { RichText } from '@bindshq/stance-react';

export function Small() {
  return (
    <RichText size="sm">
      <h3>Data retention</h3>
      <p>We keep signature history for 12 months, then delete it automatically.</p>
      <table>
        <thead>
          <tr>
            <th>Data</th>
            <th>Retention</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Templates</td>
            <td>Until deleted</td>
          </tr>
          <tr>
            <td>Audit log</td>
            <td>12 months</td>
          </tr>
        </tbody>
      </table>
    </RichText>
  );
}