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

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

import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import FlipCard from "../../FlipCard/FlipCard";
import style from "../../../list/AvatarFlip/AvatarFlip.module.css";
export default function AvatarFlip(props) {
  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
  } = 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'
//   };
// }