mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-12 07:36:42 +08:00
DarkSky
46 lines
1.0 KiB
TypeScript
46 lines
1.0 KiB
TypeScript
/* eslint-disable no-restricted-imports */
|
|
import OptionUnstyled, {
|
|
optionUnstyledClasses,
|
|
} from '@mui/base/OptionUnstyled';
|
|
|
|
import { styled } from '../styled';
|
|
|
|
/**
|
|
* Option is extend by mui OptionUnstyled
|
|
*
|
|
* OptionUnstyled API:
|
|
*
|
|
* - [SelectUnstyled API](https://mui.com/zh/base/api/option-unstyled/)
|
|
*
|
|
* **/
|
|
|
|
export const Option = styled(OptionUnstyled)(({ theme }) => ({
|
|
height: '32px',
|
|
listStyle: 'none',
|
|
padding: '0 12px',
|
|
borderRadius: '5px',
|
|
cursor: 'pointer',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
'&:last-of-type': {
|
|
borderBottom: 'none',
|
|
},
|
|
|
|
[`&.${optionUnstyledClasses.selected}`]: {
|
|
backgroundColor: '#F5F7F8',
|
|
},
|
|
|
|
[`&.${optionUnstyledClasses.highlighted}`]: {
|
|
backgroundColor: '#F5F7F8',
|
|
},
|
|
|
|
[`&.${optionUnstyledClasses.highlighted}.${optionUnstyledClasses.selected}`]:
|
|
{},
|
|
|
|
[`&.${optionUnstyledClasses.disabled}`]: {},
|
|
|
|
[`&:hover:not(.${optionUnstyledClasses.disabled})`]: {
|
|
backgroundColor: '#F5F7F8',
|
|
},
|
|
}));
|