TODO implementation and partial status implementation on the dashobard page

This commit is contained in:
inpsyde-maticluznar 2024-10-25 14:35:16 +02:00
parent 637a9c6dca
commit 2afc530af5
No known key found for this signature in database
GPG key ID: D005973F231309F6
23 changed files with 636 additions and 58 deletions

View file

@ -0,0 +1,29 @@
import data from '../../utils/data';
const SettingsCard = ( props ) => {
let className = 'ppcp-r-settings-card';
if ( props?.className ) {
className += ' ' + props.className;
}
return (
<div className={ className }>
<div className="ppcp-r-settings-card__header">
{ data().getImage( props.icon ) }
<div className="ppcp-r-settings-card__content-inner">
<span className="ppcp-r-settings-card__title">
{ props.title }
</span>
<p className="ppcp-r-settings-card__description">
{ props.description }
</p>
</div>
</div>
<div className="ppcp-r-settings-card__content">
{ props.children }
</div>
</div>
);
};
export default SettingsCard;