@lifi/widget/components/Select.js

LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.

import { Select as MuiSelect } from '@mui/material';
import { inputBaseClasses } from '@mui/material/InputBase';
import { listItemIconClasses } from '@mui/material/ListItemIcon';
import { outlinedInputClasses } from '@mui/material/OutlinedInput';
import { selectClasses } from '@mui/material/Select';
import { styled } from '@mui/material/styles';
export const Select = styled(MuiSelect, {
    shouldForwardProp: (prop) => prop !== 'dense',
})(({ theme, dense }) => ({
    backgroundColor: theme.palette.mode === 'light'
        ? theme.palette.common.white
        : theme.palette.background.paper,
    [`.${inputBaseClasses.input}`]: {
        padding: dense ? theme.spacing(1.625, 2, 1.5, 2) : theme.spacing(2),
        display: 'flex',
        alignItems: 'center',
    },
    [`.${selectClasses.icon}`]: {
        right: 10,
        color: theme.palette.text.primary,
    },
    [`.${listItemIconClasses.root}`]: {
        minWidth: 38,
    },
    [`.${outlinedInputClasses.notchedOutline}`]: {
        display: 'none',
    },
}));