import React from "react";
import { StorybookLink, Tip } from "vibe-storybook-components";

export const TipOtherComponents = () => (
  <Tip>
    If the user needs to choose an item from a set of options, use{" "}
    <StorybookLink page="Inputs/RadioButton" size={StorybookLink.sizes.SMALL}>
      Radio button
    </StorybookLink>{" "}
    or{" "}
    <StorybookLink page="Inputs/Checkbox" size={StorybookLink.sizes.SMALL}>
      Checkboxes
    </StorybookLink>{" "}
    instead.
  </Tip>
);