import { Collapse } from "antd";

import "./style.less";

const { Panel } = Collapse;

const Catalog = () => {
  const callback = (key: string | string[]) => console.log(key);
  return (
    <Collapse
      defaultActiveKey={["1"]}
      onChange={callback}
      expandIconPosition="right"
    >
      <Panel header="矩形" key="1"></Panel>
      <Panel header="多边形" key="2"></Panel>
      <Panel header="线段" key="3"></Panel>
    </Collapse>
  );
};

export default Catalog;
