// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React from 'react';

import { BadgeDescription } from './BadgeDescription';

export default {
  title: 'Components/BadgeDescription',
};

export function NormalName(): JSX.Element {
  return (
    <BadgeDescription
      template="{short_name} is here! Hello, {short_name}! {short_name}, I think you're great. This is not replaced: {not_replaced}"
      firstName="Alice"
      title="Should not be seen"
    />
  );
}

NormalName.story = {
  name: 'Normal name',
};

export function NameWithRtlOverrides(): JSX.Element {
  return (
    <BadgeDescription
      template="Hello, {short_name}! {short_name}, I think you're great."
      title={'Flip-\u202eflop'}
    />
  );
}

NameWithRtlOverrides.story = {
  name: 'Name with RTL overrides',
};