mirror of
https://github.com/cssgunc/compass.git
synced 2025-04-10 06:10:17 -04:00
Added page interface
This commit is contained in:
parent
4790d4adf5
commit
b5494a53d6
0
compass/app/admin/layout.tsx
Normal file
0
compass/app/admin/layout.tsx
Normal file
22
compass/components/admin/PageLayout.tsx
Normal file
22
compass/components/admin/PageLayout.tsx
Normal file
|
@ -0,0 +1,22 @@
|
||||||
|
|
||||||
|
interface PageLayoutProps{
|
||||||
|
icon: React.ReactElement;
|
||||||
|
title: string;
|
||||||
|
table: React.ReactElement
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PageLayout: React.FC<PageLayoutProps> = ({ icon, title, table }) => {
|
||||||
|
return(
|
||||||
|
<div flex-column>
|
||||||
|
<div flex-row>
|
||||||
|
<span className="h-5 text-gray-500 w-5">
|
||||||
|
{icon}
|
||||||
|
</span>
|
||||||
|
<span className="flex-grow font-medium text-xs text-gray-500">
|
||||||
|
{title}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<span> {table} </span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
Loading…
Reference in New Issue
Block a user