import * as React from "react";
import { BGFSRT, BGEasyScaleOutIn } from "@/components/Sections/Scalable/Icons";
import type { SxProps } from "@mui/material/styles";

const commonSvgIconSx: SxProps = {
  width: "100%",
  height: "140px",
};

export const cards = [
  {
    id: "easy-scale-out-in",
    title: "Easy scale-out/in",
    icon: (
      <BGEasyScaleOutIn
        fontSize="inherit"
        sx={{
          ...commonSvgIconSx,
        }}
      />
    ),
    sql: ``,
  },
  {
    id: "fast-stable-response-time",
    title: "Fast & stable response time",
    icon: (
      <BGFSRT
        fontSize="inherit"
        sx={{
          ...commonSvgIconSx,
        }}
      />
    ),
    sql: ``,
  },
];