前段
Change-Id: I718d4d07ea03c6d2b6bcbd4d426c5d1af2201bf4
diff --git a/src/components/Personal/ActionCard.jsx b/src/components/Personal/ActionCard.jsx
new file mode 100644
index 0000000..7d3cd4f
--- /dev/null
+++ b/src/components/Personal/ActionCard.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ActionCard = ({ title, subtitle, icon, onClick }) => {
+ return (
+ <div className="action-card" onClick={onClick}>
+ {icon && <div className="action-icon">{icon}</div>}
+ <div className="action-content">
+ <h3>{title}</h3>
+ <p>{subtitle}</p>
+ </div>
+ </div>
+ );
+};
+
+ActionCard.propTypes = {
+ title: PropTypes.string.isRequired,
+ subtitle: PropTypes.string,
+ icon: PropTypes.node,
+ onClick: PropTypes.func
+};
+
+export default ActionCard;
\ No newline at end of file