interface Props {
  title: string;
  description: string;
  icon: string;
  features: string[];
}

function ServiceCard(props: Props) {
  var listItems = props.features.map(function(item, idx) {
    return React.createElement("li", { key: idx, className: "flex items-start gap-2 text-xs font-mono text-cyber-text-secondary" },
      React.createElement("span", { className: "text-neon-green mt-1" }, ">"),
      item
    );
  });
  return React.createElement("div", { className: "bg-cyber-card rounded-xl p-6 lg:p-8 border border-cyber-border hover:border-neon-green/30 transition-all" },
    React.createElement("div", { className: "text-3xl mb-4" }, props.icon),
    React.createElement("h3", { className: "text-lg font-bold font-mono text-neon-green mb-3" }, props.title),
    React.createElement("p", { className: "text-cyber-text-secondary text-sm mb-4" }, props.description),
    React.createElement("ul", { className: "space-y-2" }, listItems)
  );
}
export default ServiceCard;