@zohodesk/dot/es/list/AvatarFlip/AvatarFlip.js

In this Library, we Provide Some Basic Components to Build Your Application

import React, { Component } from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import FlipCard from "../../FlipCard/FlipCard";
import style from "./AvatarFlip.module.css";
export default class AvatarFlip extends Component {
  render() {
    let {
      id,
      action,
      name,
      isChecked,
      onChange,
      noNeedFlip,
      size,
      onClick,
      isPaidUser,
      isPortalUser,
      channel,
      src,
      icon,
      initial,
      dataId,
      className,
      palette,
      textPalette,
      customTextClass,
      frontClass,
      needTitle,
      tourId,
      iconSize,
      isFilledCheckbox,
      channelTitle,
      customProps
    } = this.props;
    return /*#__PURE__*/React.createElement(FlipCard, {
      id: id,
      action: action,
      name: name,
      initial: initial,
      isChecked: isChecked,
      onChange: onChange,
      noNeedFlip: noNeedFlip,
      size: size,
      onClick: onClick,
      isPaidUser: isPaidUser,
      isPortalUser: isPortalUser,
      channel: channel,
      src: src,
      icon: icon,
      iconSize: iconSize,
      iconClass: `${style.iconStyle}`,
      dataId: dataId,
      ticListContainer: "tic-list-filp-cont",
      ticList: "tic-list-filp",
      className: className,
      palette: palette,
      textPalette: textPalette,
      customTextClass: customTextClass,
      frontClass: frontClass,
      needTitle: needTitle,
      tourId: tourId,
      isFilledCheckbox: isFilledCheckbox,
      channelTitle: channelTitle,
      customProps: customProps
    });
  }

}
AvatarFlip.propTypes = propTypes;
AvatarFlip.defaultProps = defaultProps; // if (__DOCS__) {
//   AvatarFlip.docs = {
//     folderName: 'List',
//     componentGroup: 'AvatarFlip'
//   };
// }