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

export const TipApplyingSpacing = () => (
  <Tip title="Applying spacing">
    Elements with more spacing around them perceived as more important because they get more focus on the page, while
    small spacing makes components look stacked and not stand out.
  </Tip>
);