mirror of
https://github.com/System-End/site.git
synced 2026-04-19 20:55:09 +00:00
33 lines
No EOL
792 B
JavaScript
33 lines
No EOL
792 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: -20, top: -3 }}>{children}</Box>
|
|
</Button>
|
|
|
|
</Box>
|
|
|
|
)} |