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

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

    The Notification component is a user interface element used to provide information or alerts to users in a non-intrusive manner.
    It is a valuable tool in web development for notifying users about specific actions or events that are important for them to know,
    such as displaying system messages, error messages, success messages, and other types of alerts.

    <Subtitle>Usage</Subtitle>

    - Use notifications to inform users about important events or actions such as successful login, account creation, and password reset.
    - Use notifications to inform users about errors or warnings such as incorrect login credentials, network errors, or session timeouts.
    - Use notifications to provide users with feedback about their actions such as a successful submission of a form or a message that a file has been uploaded successfully.
    - Use notifications to inform users about system status such as maintenance downtime or system upgrades.

    <Subtitle>👍 When to use</Subtitle>

    - When you need to inform users about important events, actions, errors, warnings, or system status.
    - When you need to provide users with feedback about their actions or submissions.

    <Title>Properties</Title>

    <ArgTypes of="bq-notification" />
  </div>
</div>
