import { ActionIcon, Button, Group, Stack, Text, Title } from '@mantine/core'
import { SlidersHorizontalIcon } from '@phosphor-icons/react'

function About() {
  return (
    <Stack>
      <Title order={1}>关于</Title>
      <Text c="dimmed">A React + TypeScript starter built with Vite.</Text>
      <Group gap="xs">
        <Button variant="filled">Button</Button>
        <ActionIcon variant="filled" aria-label="Settings">
          <SlidersHorizontalIcon />
        </ActionIcon>
      </Group>
    </Stack>
  )
}

export default About