content: import React from 'react';
  import Badge from './Badge';
  
  export const symbols = {
    'Badge/Accent/1. Strong': (
      <Badge tone="accent" strong>
        Badge
      </Badge>
    ),
    'Badge/Accent/2. Regular': <Badge tone="accent">Badge</Badge>,
    'Badge/Critical/1. Strong': (
      <Badge tone="critical" strong>
        Badge
      </Badge>
    ),
    'Badge/Critical/2. Regular': <Badge tone="critical">Badge</Badge>,
    'Badge/Info/1. Strong': (
      <Badge tone="info" strong>
        Badge
      </Badge>
    ),
    'Badge/Info/2. Regular': <Badge tone="info">Badge</Badge>,
    'Badge/Positive/1. Strong': (
      <Badge tone="positive" strong>
        Badge
      </Badge>
    ),
    'Badge/Positive/2. Regular': <Badge tone="positive">Badge</Badge>,
    'Badge/Neutral/1. Strong': (
      <Badge tone="neutral" strong>
        Badge
      </Badge>
    ),
    'Badge/Neutral/2. Regular': <Badge tone="neutral">Badge</Badge>,
    'Badge/Secondary/1. Strong': (
      <Badge tone="secondary" strong>
        Badge
      </Badge>
    ),
    'Badge/Secondary/2. Regular': <Badge tone="secondary">Badge</Badge>
  };
  