@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
61 lines (55 loc) • 1.65 kB
JavaScript
import React from 'react';
import { Icon } from '@zohodesk/icons';
import { Container } from '@zohodesk/components/es/v1/Layout';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import style from "../../NewStar/NewStar.module.css";
const NewStar = props => {
const {
palette,
customClass,
position
} = props;
const 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;
export default NewStar;