import * as React from 'react';
import {
  CnCard as PCCnCard,
  CnCardSubCard as PCCnCardSubCard,
} from '@cainiaofe/cn-ui';
import { CnCardProps } from '@/components/cn-card';

export const CnCard = (props: CnCardProps) => {
  const { title, desc, action, children, subTitle, subDesc, subAction } = props;

  let displayChildren = children;

  if (subTitle) {
    displayChildren = (
      <PCCnCardSubCard subTitle={subTitle} subDesc={subDesc} action={subAction}>
        {displayChildren}
      </PCCnCardSubCard>
    );
  }

  return (
    <PCCnCard title={title} titleTips={desc} action={action}>
      {displayChildren}
    </PCCnCard>
  );
};