/**
 * TEAM: frontend_infra
 * @flow
 */

import * as React from "react";

import Group from "../../Group";
import Status from "../../Status";

/**
 * @title Sizes
 */
export default function StatusSizes(): React.Node {
  return (
    <Group flexDirection="column">
      <Status size="xs" intent="active">
        xs
      </Status>
      <Status size="s" intent="active">
        s
      </Status>
      <Status size="m" intent="active">
        m
      </Status>
      <Status size="l" intent="active">
        l
      </Status>
    </Group>
  );
}