ifmeorg/ifme

import React from 'react';

export default {
  title: 'Style Guide/Fonts',
};

export const Fonts = () => (
  <>
    <p style={{ fontWeight: '100' }}>$font-weight-100</p>
    <p style={{ fontWeight: '200' }}>$font-weight-200</p>
    <p style={{ fontWeight: '300' }}>$font-weight-300</p>
    <p style={{ fontWeight: '400' }}>$font-weight-400</p>
  </>
);

Fonts.parameters = {
  viewMode: 'story',
  backgrounds: { default: 'white' },
  previewTabs: {
    'storybook/docs/panel': {
      hidden: true,
    },
  },
};