28 lines
719 B
React
28 lines
719 B
React
|
import { Box, Heading } from '@chakra-ui/react'
|
||
|
|
|
||
|
|
export default function FirstWidgetButton() {
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Box
|
||
|
|
p={6}
|
||
|
|
m={4}
|
||
|
|
borderRadius="md"
|
||
|
|
boxShadow="md"
|
||
|
|
border="2px dashed"
|
||
|
|
borderColor="gray.300"
|
||
|
|
bg="gray.50"
|
||
|
|
textAlign="center"
|
||
|
|
cursor="pointer"
|
||
|
|
_hover = {{
|
||
|
|
bg: "gray.100",
|
||
|
|
borderColor: "gray.400",
|
||
|
|
boxShadow: "lg",
|
||
|
|
}}
|
||
|
|
transition="all 0.2s ease-in-out"
|
||
|
|
>
|
||
|
|
<Heading fontWeight="bold" fontSize="xl" color="gray.700">
|
||
|
|
Add First Widget
|
||
|
|
</Heading>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|