import React from "react";
import { Meta, StoryFn } from "@storybook/react";
import { FormattedNumber, FormattedNumberProps } from "./FormattedNumber";

export default {
  title: "Atoms/Formatters/FormattedNumber",
  component: FormattedNumber,
} as Meta;

const Template: StoryFn<FormattedNumberProps> = (args) => (
  <FormattedNumber {...args} />
);

export const Default = Template.bind({});

Default.args = {
  number: 5000,
};

export const Compact = Template.bind({});

Compact.args = {
  number: 5000,
  type: "compact"
};
