| 1 | import React from 'react';
|
| 2 | import classNames from 'classnames';
|
| 3 | import { withNativeProps } from '../../utils/native-props';
|
| 4 | const classPrefix = `adm-step`;
|
| 5 | export const Step = props => {
|
| 6 | const {
|
| 7 | title,
|
| 8 | description,
|
| 9 | icon,
|
| 10 | status = 'wait'
|
| 11 | } = props;
|
| 12 | return withNativeProps(props, React.createElement("div", {
|
| 13 | className: classNames(`${classPrefix}`, `${classPrefix}-status-${status}`)
|
| 14 | }, React.createElement("div", {
|
| 15 | className: `${classPrefix}-indicator`
|
| 16 | }, React.createElement("div", {
|
| 17 | className: `${classPrefix}-icon-container`
|
| 18 | }, icon)), React.createElement("div", {
|
| 19 | className: `${classPrefix}-content`
|
| 20 | }, React.createElement("div", {
|
| 21 | className: `${classPrefix}-title`
|
| 22 | }, title), !!description && React.createElement("div", {
|
| 23 | className: `${classPrefix}-description`
|
| 24 | }, description))));
|
| 25 | }; |
| \ | No newline at end of file |