import { animations } from "../../styledSystem/animations.js";
import { Alert } from "../Alert.js";
import React from "react";
import { jsx } from "@emotion/react/jsx-runtime";

//#region src/elements/Card/CardAlert.tsx
const CardAlert = React.memo((props) => {
	return /* @__PURE__ */ jsx(Alert, {
		variant: "danger",
		sx: (theme) => ({ animation: `${animations.textInBig} ${theme.transitionDuration.$slow}` }),
		...props
	});
});

//#endregion
export { CardAlert };
//# sourceMappingURL=CardAlert.js.map