41 lines
959 B
TypeScript
41 lines
959 B
TypeScript
import { Input, InputProps } from '@/shared/Input/Input'
|
|
import { Stack, StackProps, styled } from '@mui/material'
|
|
|
|
export const StyledInput = styled(({ className, ...props }: InputProps) => {
|
|
return (
|
|
<Input
|
|
{...props}
|
|
className='input'
|
|
containerProps={{
|
|
className,
|
|
}}
|
|
fullWidth
|
|
/>
|
|
)
|
|
})(({ theme }) => ({
|
|
'& > .input': {
|
|
border: 'none',
|
|
background: theme.palette.secondary.main,
|
|
color: theme.palette.primary.main,
|
|
'& .adornment': {
|
|
color: theme.palette.primary.main,
|
|
},
|
|
},
|
|
}))
|
|
|
|
export const StyledItemAppContainer = styled(
|
|
<C extends React.ElementType>(props: StackProps<C, { component?: C }>) => (
|
|
<Stack {...props} />
|
|
),
|
|
)(({ theme }) => ({
|
|
textDecoration: 'none',
|
|
boxShadow: 'none',
|
|
color: theme.palette.text.primary,
|
|
background: theme.palette.backgroundSecondary.default,
|
|
borderRadius: '12px',
|
|
padding: '0.5rem 1rem',
|
|
':hover': {
|
|
background: `${theme.palette.backgroundSecondary.default}95`,
|
|
},
|
|
}))
|