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

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

/**** Libraries ****/
import React from 'react';
import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from "./props/defaultProps";
import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from "./props/propTypes";
/**** Components ****/

import { Box, Container } from '@zohodesk/components/es/v1/Layout';
import Dot from "../Dot/Dot";
/**** CSS ****/

import style from "../../../list/SecondryPanel/SecondryPanel.module.css";
export default function SecondryPanel(props) {
  let {
    children,
    className
  } = props;
  return /*#__PURE__*/React.createElement("div", {
    className: className
  }, children);
}
SecondryPanel.propTypes = SecondryPanel_propTypes;
SecondryPanel.defaultProps = SecondryPanel_defaultProps;
export function SecondryPanelUL(props) {
  let {
    children,
    className,
    dataId,
    align
  } = props;
  return /*#__PURE__*/React.createElement(Container, {
    isInline: true,
    isCover: false,
    alignBox: "row",
    align: align,
    className: `${style.listItemContainer} ${className}`,
    dataId: dataId
  }, children);
}
SecondryPanelUL.propTypes = SecondryPanelUL_propTypes;
SecondryPanelUL.defaultProps = SecondryPanelUL_defaultProps;
export function SecondryPanelLI(props) {
  let {
    children,
    className,
    isShrink,
    dataId
  } = props;
  return /*#__PURE__*/React.createElement(Box, {
    flexible: true,
    dataId: dataId // eslint-disable-next-line react/forbid-component-props
    ,
    className: className,
    adjust: true,
    shrink: isShrink ? true : false
  }, children);
}
SecondryPanelLI.propTypes = SecondryPanelLI_propTypes;
SecondryPanelLI.defaultProps = SecondryPanelLI_defaultProps;
export function SecondryPanelItem(props) {
  let {
    children,
    className,
    dotClass,
    isDot,
    flex,
    clipped,
    dotSpacingType,
    title
  } = props;
  return /*#__PURE__*/React.createElement(Container, {
    align: "baseline",
    isInline: flex ? false : true,
    className: className,
    "data-title": title,
    alignBox: "row"
  }, /*#__PURE__*/React.createElement(Box, {
    flexible: true,
    shrink: clipped,
    className: `${clipped ? style.dottedStyle : ''}`
  }, children), isDot ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Dot // eslint-disable-next-line react/forbid-component-props
  , {
    className: `${dotClass ? dotClass : ''}`,
    spacingType: dotSpacingType
  })) : null);
}
SecondryPanelItem.propTypes = SecondryPanelItem_propTypes;
SecondryPanelItem.defaultProps = SecondryPanelItem_defaultProps;