2021-06-30 07:22:01 +00:00
|
|
|
import React from "react";
|
|
|
|
import Loaders from "../../Loaders";
|
|
|
|
import StyledDialogLoader from "./StyledDialogLoader";
|
|
|
|
|
2021-11-18 12:24:28 +00:00
|
|
|
const DialogLoader = ({ bodyHeight = "150px" }) => {
|
2021-06-30 07:22:01 +00:00
|
|
|
return (
|
|
|
|
<StyledDialogLoader>
|
|
|
|
<div className="dialog-loader-header">
|
|
|
|
<Loaders.Rectangle height="28px" width="470px" />
|
|
|
|
<Loaders.Rectangle
|
|
|
|
className="dialog-loader-icon"
|
|
|
|
height="28px"
|
|
|
|
width="28px"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div className="dialog-loader-body">
|
2021-11-18 12:24:28 +00:00
|
|
|
<Loaders.Rectangle height={bodyHeight} />
|
2021-06-30 07:22:01 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="dialog-loader-footer">
|
|
|
|
<Loaders.Rectangle height="30px" width="120px" />
|
|
|
|
<Loaders.Rectangle
|
|
|
|
className="dialog-loader-icon"
|
|
|
|
height="30px"
|
|
|
|
width="100px"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</StyledDialogLoader>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default DialogLoader;
|