Manifold Finance - Connect to DeFi Opportunities
Test Com
const Button = styled('button', {
appearance: 'none'
border: 'none'
backgroundColor: 'purple',
'&:hover': {
backgrounColor: 'darkpurple',
boxShadow: '0 0 0 1px black'
},
variants: {
size: {
sm: {
fontSize: '13px'
px: '5px',
py: '5px'
},
md: {
fontSize: '17px',
py: '10px'
},
lg: {
fontSize: '22px',
px: '10px'
py: '15px'
}
}
},
defaultVariants: {
size: 'sm'
}
});
const Button = styled('button', {
appearance: 'none'
border: 'none'
backgroundColor: 'purple',
'&:hover': {
backgrounColor: 'darkpurple',
boxShadow: '0 0 0 1px black'
},
variants: {
size: {
sm: {
fontSize: '13px'
px: '5px',
py: '5px'
},
md: {
fontSize: '17px',
py: '10px'
},
lg: {
fontSize: '22px',
px: '10px'
py: '15px'
}
}
},
defaultVariants: {
size: 'sm'
}
});
const Button = styled('button', {
appearance: 'none'
border: 'none'
backgroundColor: 'purple',
'&:hover': {
backgrounColor: 'darkpurple',
boxShadow: '0 0 0 1px black'
},
variants: {
size: {
sm: {
fontSize: '13px'
px: '5px',
py: '5px'
},
md: {
fontSize: '17px',
py: '10px'
},
lg: {
fontSize: '22px',
px: '10px'
py: '15px'
}
}
},
defaultVariants: {
size: 'sm'
}
});
const Button = styled('button', {
appearance: 'none'
border: 'none'
backgroundColor: 'purple',
'&:hover': {
backgrounColor: 'darkpurple',
boxShadow: '0 0 0 1px black'
},
variants: {
size: {
sm: {
fontSize: '13px'
px: '5px',
py: '5px'
},
md: {
fontSize: '17px',
py: '10px'
},
lg: {
fontSize: '22px',
px: '10px'
py: '15px'
}
}
},
defaultVariants: {
size: 'sm'
}
});