import { jsx, jsxs } from "react/jsx-runtime";
import { styled } from "@mui/material";
import apollo_core, { FontVariantToken } from "@uipath/apollo-core";
import react from "react";
import { AppIcon } from "../../../../../../icons/index.js";
import { ApTypography } from "../../../../ap-typography/index.js";
const DisclaimerList = styled('div')(()=>({
        marginTop: apollo_core.Spacing.SpacingXl,
        display: 'flex',
        flexDirection: 'column',
        gap: apollo_core.Spacing.SpacingXs
    }));
const Disclaimer = styled('div')(()=>({
        display: 'flex',
        alignItems: 'flex-start',
        width: 'fit-content',
        gap: apollo_core.Spacing.SpacingXs,
        padding: apollo_core.Padding.PadL,
        backgroundColor: 'var(--color-warning-background)'
    }));
function AutopilotChatDisclaimersComponent({ disclaimers }) {
    return /*#__PURE__*/ jsx(DisclaimerList, {
        children: disclaimers.map((disclaimer, index)=>/*#__PURE__*/ jsxs(Disclaimer, {
                "data-cy": `autopilot-chat-disclaimer-nth-${index}`,
                children: [
                    /*#__PURE__*/ jsx(AppIcon, {
                        name: "warning",
                        color: 'var(--color-warning-icon)'
                    }),
                    /*#__PURE__*/ jsx(ApTypography, {
                        color: 'var(--color-warning-text)',
                        variant: FontVariantToken.fontSizeM,
                        children: disclaimer
                    })
                ]
            }, disclaimer))
    });
}
const AutopilotChatDisclaimers = /*#__PURE__*/ react.memo(AutopilotChatDisclaimersComponent);
export { AutopilotChatDisclaimers };
