2023-05-20 00:37:21 +02:00
|
|
|
import SimpleMarkdown from "@structs/markdown";
|
|
|
|
|
2023-05-19 23:14:55 +02:00
|
|
|
import React from "@modules/react";
|
2023-06-15 04:10:37 +02:00
|
|
|
import WebpackModules from "@modules/webpackmodules";
|
2023-05-20 00:37:21 +02:00
|
|
|
|
2020-11-04 01:45:36 +01:00
|
|
|
|
2023-03-31 21:53:36 +02:00
|
|
|
const EmptyImageClasses = WebpackModules.getByProps("emptyImage", "emptyHeader") ?? {emptyContainer: "emptyContainer-poti7J", emptyImage: "emptyImage-2pCD2j", emptyHeader: "emptyHeader-2cxTFP"};
|
|
|
|
|
2023-03-06 08:50:48 +01:00
|
|
|
export default function EmptyImage(props) {
|
2023-03-31 21:53:36 +02:00
|
|
|
return <div className={`bd-empty-image-container ${EmptyImageClasses.emptyContainer}` + (props.className ? ` ${props.className}` : "")}>
|
|
|
|
<div className={`bd-empty-image ${EmptyImageClasses.emptyImage}`}></div>
|
|
|
|
<div className={`bd-empty-image-header ${EmptyImageClasses.emptyHeader}`}>
|
2023-03-06 08:50:48 +01:00
|
|
|
{props.title || "You don't have anything!"}
|
|
|
|
</div>
|
|
|
|
<div className={`bd-empty-image-message`}>
|
|
|
|
{SimpleMarkdown.parseToReact(props.message || "You should probably get something.")}
|
|
|
|
</div>
|
|
|
|
{props.children}
|
|
|
|
</div>;
|
2020-11-04 01:45:36 +01:00
|
|
|
}
|