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.
|
|
|
import React from "react";
|
|
|
|
|
|
|
|
import BreadCrumb from "../BreadCrumb";
|
|
|
|
import SearchBox from "../SearchBox";
|
|
|
|
import TitleSubtitle from "../TitleSubtitle";
|
|
|
|
import CardHolder from "../CardHolder";
|
|
|
|
|
|
|
|
import graySearchIcon from "./images/gray-search-icon.svg";
|
|
|
|
|
|
|
|
const FileManager = () => {
|
|
|
|
return (
|
|
|
|
<div style={{ backgroundColor: "#FBFBFB" }}>
|
|
|
|
<div className="flex flex-row justify-between w-8/12">
|
|
|
|
<div className="">
|
|
|
|
<BreadCrumb />
|
|
|
|
<TitleSubtitle />
|
|
|
|
</div>
|
|
|
|
<div className="self-end">
|
|
|
|
<SearchBox
|
|
|
|
borderClr={"#EEEEEE"}
|
|
|
|
backgroundColor={"#fff"}
|
|
|
|
inputWidth={"100%"}
|
|
|
|
placeHolderColor={"placeholder-gray-300"}
|
|
|
|
searchIcon={graySearchIcon}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="bg-yellow-600">
|
|
|
|
{" "}
|
|
|
|
<CardHolder />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default FileManager;
|