import React from 'react';
import { Box } from '@alicloudfe/components';
import Typography from '@teamix/typography';

const { Text, Link } = Typography;

const App = () => {
  return (
    <Box spacing={8}>
      <Text>Teamix.Space-X (default)</Text>
      <Text type="secondary">Teamix.Space-X (secondary)</Text>
      <Text type="success">Teamix.Space-X (success)</Text>
      <Text type="warning">Teamix.Space-X (warning)</Text>
      <Text type="danger">Teamix.Space-X (danger)</Text>
      <Text disabled>Teamix.Space-X (disabled)</Text>
      <Text mark>Teamix.Space-X (mark)</Text>
      <Text code>Teamix.Space-X (code)</Text>
      <Text keyboard>Teamix.Space-X (keyboard)</Text>
      <Text underline>Teamix.Space-X (underline)</Text>
      <Text delete>Teamix.Space-X (delete)</Text>
      <Text strong>Teamix.Space-X (strong)</Text>
      <Link href="https://teamix.space-x.alibaba-inc.com/" target="_blank">
        Teamix.Space-X (Link)
      </Link>
    </Box>
  );
};

export default App;