import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { List, ThemeIcon } from "@mantine/core";
import { IconCircleCheck, IconCode } from "@tabler/icons-react";
export var FeaturesList = function (props) {
    return (_jsxs(List, { spacing: "xs", size: "sm", mb: 30, center: true, icon: _jsx(ThemeIcon, { color: "teal", size: 24, radius: "xl", children: _jsx(IconCircleCheck, { size: "1rem" }) }), children: [props.features.map(function (feature) { return (_jsx(List.Item, { children: feature }, feature)); }), _jsx(List.Item, { icon: _jsx(ThemeIcon, { color: "blue", size: 24, radius: "xl", children: _jsx(IconCode, { size: "1rem" }) }), children: "Do checkout the code snippet for this Table" })] }));
};
