کامپوننت React پیشرفته

import type { FC } from "react";

type UserCardProps = {
  name: string;
  role: string;
};

export const UserCard: FC<UserCardProps> = ({ name, role }) => {
  return (
    <article className="rounded-xl border border-white/10 bg-[#0B1224] p-4">
      <h3 className="text-sm font-bold text-white">{name}</h3>
      <p className="mt-1 text-xs text-slate-400">{role}</p>
    </article>
  );
};

// Generated for: کامپوننت React پیشرفته