import React from 'react';
import { KeepAlive } from 'react-activation'
import { Divide, Markdown } from 'docs/components';

const API = () => {
  return (
    <KeepAlive>
      <section>
        <Divide id="core-class" title="核心类" />
        <Markdown path="./api/index/classes/Texture.md" />
        <Divide id="utils-class" title="实用工具类" />
        <Markdown path="./api/index/classes/FabricTexture.md" />
        <Markdown path="./api/index/classes/AbstractMode.md" />
        <Divide id="inbuilt-modes-class" title="内置模式类" />
        <Markdown path="./api/modes/classes/Skew.md" />
        <Markdown path="./api/modes/classes/Perspective.md" />
        <Markdown path="./api/modes/classes/Warp.md" />
      </section>
    </KeepAlive>
  );
};

export default API;