import React, { useMemo } from "react";
import { Card } from "./Card";
import { DownloadCard } from "./DownloadCard";
import * as styles from "./styles";
import { useLeadCapture } from "~/sdks/LeadCapture/context";
import { useResponsiveBreakpoints } from "~/hooks/useResponsiveBreakpoints";
export function Cards() {
    const { country, isLoading } = useLeadCapture();
    const breakpoints = useResponsiveBreakpoints();
    const isMobile = useMemo(() => !breakpoints.md, [breakpoints.md]);
    return (React.createElement(React.Fragment, null, !isLoading && (React.createElement("div", { className: styles.container, "data-testid": "cards-component" },
        !isMobile && (React.createElement(React.Fragment, null,
            React.createElement(Card, { type: "neighborhoodIntel" }),
            country !== "CAN" && React.createElement(Card, { type: "marketTrendsReport" }))),
        React.createElement(DownloadCard, null)))));
}
//# sourceMappingURL=index.js.map