@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
65 lines (60 loc) • 1.83 kB
JavaScript
import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import { Icon } from '@zohodesk/icons';
import { Container } from '@zohodesk/components/lib/Layout';
import style from "./NewStar.module.css";
export default class NewStar extends React.Component {
render() {
let {
palette,
customClass,
position
} = this.props;
let alignPosition = {
topRight: {
className: style.topRight // align: 'right',
// alignBox: 'row',
// reverse: 'wrap'
},
topLeft: {
className: style.topLeft // align: 'left',
// alignBox: 'row',
// reverse: 'wrap'
},
bottomLeft: {
className: style.bottomLeft // align: 'left',
// alignBox: 'column-reverse',
// reverse: 'wrap'
},
bottomRight: {
className: style.bottomRight // align: 'right',
// alignBox: 'column',
// reverse: 'wrap-reverse'
}
};
return /*#__PURE__*/React.createElement(Container, {
alignBox: "row",
isCover: false,
className: `${style.star} ${alignPosition[position].className} ${customClass}`
}, /*#__PURE__*/React.createElement(Icon, {
name: "ZD-snippetStar",
iconClass: `${style[palette]} ${style.starOne}`,
size: "10"
}), /*#__PURE__*/React.createElement(Icon, {
name: "ZD-snippetStar",
iconClass: `${style[palette]} ${style.starTwo}`,
size: "10"
}), /*#__PURE__*/React.createElement(Icon, {
name: "ZD-snippetStar",
iconClass: `${style[palette]} ${style.starThree}`,
size: "10"
}));
}
}
NewStar.propTypes = propTypes;
NewStar.defaultProps = defaultProps; // if (__DOCS__) {
// NewStar.docs = {
// componentGroup: 'Atom'
// };
// }