You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

44 lines
1.1 KiB

3 years ago
import React from "react";
3 years ago
import BreadCrumb from "../BreadCrumb";
import SearchBox from "../SearchBox";
import TitleSubtitle from "../TitleSubtitle";
3 years ago
import CardHolder from "../CardHolder";
3 years ago
3 years ago
import graySearchIcon from "./images/gray-search-icon.svg";
3 years ago
const FileManager = () => {
return (
3 years ago
<div
style={{ backgroundColor: "#FBFBFB" }}
className="px-7 py-5 flex flex-row"
>
{/* ? right Section */}
<div className="flex-1">
{/* ? breadCrumb */}
<div className="mb-5">
3 years ago
<BreadCrumb />
</div>
3 years ago
{/* ? pageTitle & searchbox */}
<div className="flex flex-row justify-between">
{/* ? pageTitle */}
<TitleSubtitle />
{/* ? searchbox */}
<div className="self-end">
<SearchBox
borderClr={"#EEEEEE"}
backgroundColor={"#fff"}
inputWidth={"100%"}
placeHolderColor={"placeholder-gray-300"}
searchIcon={graySearchIcon}
/>
</div>
3 years ago
</div>
</div>
3 years ago
{/* left Section */} <CardHolder />
3 years ago
</div>
);
3 years ago
};
3 years ago
export default FileManager;