design-react-kit
Version:
Componenti React per Bootstrap 5
28 lines • 887 B
JavaScript
import React from 'react';
import classNames from 'classnames';
const contentStyleLight = {
height: '400px',
border: '2px dashed #eee',
background: '#fafafa',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
color: '#333'
};
const contentStyleDark = {
height: '400px',
border: '2px dashed #eee',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
color: '#EEE',
borderColor: '#aaa',
background: '#17324d',
opacity: 0.5
};
export const StepperContent = ({ tag = 'div', className, dark, ...attributes }) => {
const Tag = tag;
const classes = classNames('steppers-content', className);
return (React.createElement(Tag, { ...attributes, className: classes, style: (dark && contentStyleDark) || contentStyleLight, "aria-live": 'polite' }));
};
//# sourceMappingURL=StepperContent.js.map