48 lines
1.2 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";
import Playlist from "../Playlist";
3 years ago
const FileManager = () => {
return (
3 years ago
<div
style={{ backgroundColor: "#FBFBFB" }}
className="flex flex-row px-7 py-5"
3 years ago
>
{/* ? right Section */}
<div className="flex-1 ">
3 years ago
{/* ? 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>
{/* cardHolder */}
<Playlist />
3 years ago
</div>
{/* left Section */}
<CardHolder />
3 years ago
</div>
);
3 years ago
};
3 years ago
export default FileManager;