import { jsx as _jsx } from "react/jsx-runtime";
import CardsWithIcons from "./index";
import DollarImg from "./stories-img/dollar.svg";
import GearImg from "./stories-img/gear.svg";
import ShieldImg from "./stories-img/shield.svg";
import { Row, Section } from "../grid";
export default {
    title: "Composed/Cards with icons",
    component: CardsWithIcons
};
export const ExampleCards = () => {
    const features = [
        {
            title: "Title 1",
            desc: "Aenean risus risus, pharetra sed posuere a, feugiat ac augue.",
            iconSrc: DollarImg,
        },
        {
            title: "Title 2",
            desc: "Pellentesque nunc mauris, mattis at dictum et, aliquet id nulla. ",
            iconSrc: GearImg,
        },
        {
            title: "Title 3",
            desc: "Curabitur sed dapibus neque, ut condimentum erat. Nullam feugiat vitae mauris eget vestibulum.",
            iconSrc: ShieldImg,
        },
    ];
    return (_jsx(Section, { children: _jsx(Row, { noWrap: true, children: _jsx(CardsWithIcons, { features: features }) }) }));
};
//# sourceMappingURL=index.stories.js.map