Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637import { Box } from '@luke-ui/react/box';import { Text } from '@luke-ui/react/text';import { vars } from '@luke-ui/react/theme';
export default () => { return ( <Box display="flex" flexDirection={{ initial: 'column', bp768: 'row' }} gap="sp12"> <Item /> <Item /> </Box> );};
function Item() { return ( <Box alignItems="center" display="flex" justifyContent="center" padding="sp16" style={{ backgroundColor: vars.color.background.neutral.solid.rest, flex: 1, minBlockSize: '4rem', }} > <Text elementType="span" fontWeight="label" style={{ color: vars.color.foreground.neutral.onSolid }} > Item </Text> </Box> );}