import React from 'react';
import { Box } from '../Box';
import { TooltipIcon } from '.';

export default {
  title: 'TooltipIcon',
  component: [TooltipIcon],
};

export const Default = () => {
  return (
    <>
      <Box p="3">
        <TooltipIcon content="Some helpful information" placement="bottom" />
      </Box>
      <Box p="3">
        <TooltipIcon
          content="More helpful information"
          variant="secondary"
          placement="right"
        >
          Icon with some text
        </TooltipIcon>
      </Box>
    </>
  );
};
