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 && ( {activeComponent?.props?.map((prop, index) => ( ))}
Name Type Required Default value Description
{prop.name} {prop.type} {prop.required} {prop.defaultValue} {prop.description}
)}
); } const mapStateToProps = (state) => ({ activeComponent: state.components.activeComponent, }); export default connect(mapStateToProps, {})(Main);