export default function Example() { return ( <Box css={{ display: "flex", justifyContent: "center", alignItems: "center", width: "100%", gap: "$100", }} > <Button variant="primary" density="compact" icon="left"> <Icon size="100"> <BookmarkSolid /> </Icon> Text button </Button> <Button variant="primary" density="compact" icon="center"> <Icon size="100"> <BookmarkSolid /> </Icon> Text button </Button> <Button variant="primary" density="default" icon="left"> <Icon size="100"> <BookmarkSolid /> </Icon> Text button </Button> <Button variant="primary" density="default" icon="center"> <Icon size="100"> <BookmarkSolid /> </Icon> Text button </Button> </Box> ); }