import { Tabs, TabsProps } from 'antd';
import React from 'react';

import './PillTabs.less';

/**
 * @example
 * <PillTabs>
 *  <PillTabPane key="1" tab={t('全部')}>
 *    ...
 *  </PillTabPane>
 * </PillTabs>
 */
export const PillTabs: React.FC<TabsProps> = React.memo((props) => {
  return (
    <Tabs className="pill-tabs" type="card" animated={true}>
      {props.children}
    </Tabs>
  );
});
PillTabs.displayName = 'PillTabs';

export const PillTabPane = Tabs.TabPane;
