import { ArgTypes, Title, Subtitle } from '@storybook/addon-docs';

<div className="bq-doc__wrapper" data-theme="light">
  <div className="bq-doc__container">
    <Title>Page title</Title>

    The Page Title component is a versatile and essential element used to display the main title of a page or section
    within an application. It often includes optional icons for actions like navigation or editing, and can be paired 
    with a subtitle for additional context.

    <Subtitle>Usage</Subtitle>

    - Use the Page Title component to clearly indicate the primary title of a page or section within your application.
    - Use the Page Title component to provide contextual information by including a subtitle or additional icons.
    - Use the Page Title component to enhance navigation with an optional back icon for returning to the previous page.

    <Subtitle>👍 When to use</Subtitle>

    - When you need to display the main title of a page, such as a dashboard or a settings page.
    - When you want to provide clear and immediate understanding of the current page or section to the users.
    - When you need to enhance navigation by allowing users to go back to the previous page.
    - When you want to include actions that are relevant to the content, such as editing or downloading a document.

    <Title>Properties</Title>

    <ArgTypes of="bq-page-title" />
  </div>
</div>
