ar-design
Version:
AR Design is a (react | nextjs) ui library.
22 lines (21 loc) • 902 B
JavaScript
"use client";
import React from "react";
import { useLayout } from "../../libs/core/application/hooks";
import Title from "../data-display/typography/title/Title";
import Paragraph from "../data-display/typography/paragraph/Paragraph";
const LSider = ({ image, text, footer }) => {
// hooks
const { config } = useLayout();
const sider = config.layout.sider.left;
if (!sider?.active)
return null;
return (React.createElement("aside", { className: "ar-aside left" },
React.createElement("div", { className: "logo" },
image,
React.createElement(Title, { Level: "h4", align: "center" }, text)),
React.createElement("div", null, sider.element),
footer && (React.createElement("footer", null,
React.createElement(Paragraph, { size: "small" }, footer)))));
};
LSider.displayName = "Layout.LSider";
export default LSider;