mirror of
https://github.com/System-End/site.git
synced 2026-04-19 15:18:18 +00:00
38 lines
796 B
JavaScript
38 lines
796 B
JavaScript
import { Button, Box, Text } from 'theme-ui'
|
|
export default function CustomButton({
|
|
text,
|
|
link,
|
|
color,
|
|
textColor, // 🤓
|
|
sxProps,
|
|
children
|
|
}) {
|
|
return (
|
|
<Box sx={sxProps}>
|
|
<Button
|
|
as="a"
|
|
className="gaegu"
|
|
href={link}
|
|
sx={{
|
|
marginTop: 2,
|
|
padding: 1,
|
|
height: 60,
|
|
width: '100%',
|
|
color: textColor,
|
|
fontSize: '150',
|
|
borderRadius: 0,
|
|
textAlign: 'center',
|
|
itemsAlign: 'center',
|
|
alignContent: 'center',
|
|
backgroundColor: color,
|
|
border: '1px solid',
|
|
borderColor: '#000'
|
|
}}
|
|
>
|
|
{text}
|
|
|
|
<Box sx={{ position: 'absolute', right: -26, top: -3 }}>{children}</Box>
|
|
</Button>
|
|
</Box>
|
|
)
|
|
}
|