import { PropsWithChildren, ReactNode } from 'react';
import { BaseProps } from '../../types.cjs';
import '@emotion/react';

interface buttonProps {
    text: string;
    onClick: VoidFunction;
}
interface ContentsBannerBase extends BaseProps {
    title?: string;
    /**
     * text은 ReactNode를 받을 수 있습니다.
     * a 태그와 button 태그는 색상을 그대로 따릅니다.
     */
    text?: string | ReactNode;
    button?: buttonProps;
}
interface ContentsBannerDefault extends ContentsBannerBase {
    variant?: "default";
    type: "primary" | "secondary" | "minimal";
}
interface ContentsBannerVariant extends ContentsBannerBase {
    variant?: "critical" | "warning" | "information" | "success";
    type: "primary" | "secondary";
}
type ContentsBannerProps = PropsWithChildren<ContentsBannerDefault | ContentsBannerVariant>;

export { ContentsBannerProps };