// @flow strict

import * as React from 'react';

import type {BannerProps} from '../Banner';
import {Banner} from '../Banner';
import {ICON_TYPE} from '../Icon';

import css from './Disclaimer.module.css';


export type DisclaimerProps = {
  ...BannerProps,
};

export const Disclaimer: React$AbstractComponent<
  DisclaimerProps,
  HTMLDivElement,
> = React.forwardRef<DisclaimerProps, HTMLDivElement>(
  (
    {
      classNames,
      leftIconName = 'info-circle',
      leftIconType = ICON_TYPE.regular,
      ...restProps
    }: DisclaimerProps,
    ref,
  ) => (
    <Banner
      ref={ref}
      {...restProps}
      leftIconName={leftIconName}
      leftIconType={leftIconType}
      classNames={{
        ...classNames,
        wrapper: css.disclaimerWrapper,
        icon: css.iconWrapper,
      }}
    ></Banner>
  ),
);