All files / src/ahuora-design-system/ui info-table.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
 
 
 
 
 
 
33x
4x
 
 
 
 
 
 
 
 
 
 
 
 
import { ReactNode } from "react";
import { ScrollArea } from "./scroll-area";
 
interface infoTableProps {
  title: string;
  icon?: ReactNode;
  content: ReactNode;
}
 
const InfoTable: React.FC<infoTableProps> = ({ title, icon, content }) => {
  return (
    <div className="h-full border-2 rounded-md">
      <div className="w-full p-2 h-[10%] border-b-2 flex flex-row items-center gap-2">
        {icon != null && icon}
        <p>{title}</p>
      </div>
      <ScrollArea className="w-full px-4 py-2 h-[85%]">{content}</ScrollArea>
    </div>
  );
};
 
export default InfoTable;