antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
25 lines • 846 B
JavaScript
import React from 'react';
import classNames from 'classnames';
import { withNativeProps } from '../../utils/native-props';
const classPrefix = `adm-step`;
export const Step = props => {
const {
title,
description,
icon,
status = 'wait'
} = props;
return withNativeProps(props, React.createElement("div", {
className: classNames(`${classPrefix}`, `${classPrefix}-status-${status}`)
}, React.createElement("div", {
className: `${classPrefix}-indicator`
}, React.createElement("div", {
className: `${classPrefix}-icon-container`
}, icon)), React.createElement("div", {
className: `${classPrefix}-content`
}, React.createElement("div", {
className: `${classPrefix}-title`
}, title), !!description && React.createElement("div", {
className: `${classPrefix}-description`
}, description))));
};