// @flow
import React from 'react';
import { PercentFormatter } from './index';
import docs from './percent-formatter.mdx';

export default {
  title: 'Primitives/PercentFormatter',
  component: PercentFormatter,
  parameters: {
    docs: {
      page: docs,
    },
  },
};

export const Normal = () => <PercentFormatter value={0.4161} />;

export const RoundToWhole = () => (
  <PercentFormatter
    value={0.4161}
    minimumFractionDigits={0}
    maximumFractionDigits={0}
  />
);
