import React from "react";
import { connect } from "react-redux";
import Code from "../../../components/Code";
function Main({ activeComponent }) {
return (
{activeComponent?.content?.name}
{activeComponent?.name && `Designed by: ${activeComponent?.author}`}
{activeComponent?.content?.component}
{activeComponent?.content?.code && (
)}
{/* Props
*/}
{activeComponent?.props?.length > 0 && (
Name |
Type |
Required |
Default value |
Description |
{activeComponent?.props?.map((prop, index) => (
{prop.name} |
{prop.type} |
{prop.required} |
{prop.defaultValue} |
{prop.description} |
))}
)}
);
}
const mapStateToProps = (state) => ({
activeComponent: state.components.activeComponent,
});
export default connect(mapStateToProps, {})(Main);