32 lines
879 B
TypeScript
32 lines
879 B
TypeScript
import { Button } from '@/shared/Button/Button'
|
|
import { Stack, StackProps, Typography, TypographyProps, styled } from '@mui/material'
|
|
|
|
export const StyledSettingContainer = styled((props: StackProps) => (
|
|
<Stack gap={'0.75rem'} component={'form'} {...props} />
|
|
))(({ theme }) => ({
|
|
padding: '1rem',
|
|
borderRadius: '1rem',
|
|
background: theme.palette.background.default,
|
|
color: theme.palette.text.primary,
|
|
}))
|
|
|
|
export const StyledButton = styled(Button)(({ theme }) => {
|
|
return {
|
|
'&.button:is(:hover, :active, &)': {
|
|
background: theme.palette.secondary.main,
|
|
color: theme.palette.text.primary,
|
|
},
|
|
':disabled': {
|
|
cursor: 'not-allowed',
|
|
},
|
|
}
|
|
})
|
|
|
|
export const StyledSynchedText = styled((props: TypographyProps) => <Typography variant="caption" {...props} />)(({
|
|
theme,
|
|
}) => {
|
|
return {
|
|
color: theme.palette.success.main,
|
|
}
|
|
})
|