1  import { styled, ToggleButtonGroup, ToggleButtonGroupProps } from '@mui/material';
 2  
 3  const CustomToggleGroup = styled(ToggleButtonGroup)<ToggleButtonGroupProps>({
 4    backgroundColor: '#383D51',
 5    border: '1px solid rgba(235, 235, 237, 0.12)',
 6    padding: '4px',
 7  }) as typeof ToggleButtonGroup;
 8  
 9  const CustomTxModalToggleGroup = styled(ToggleButtonGroup)<ToggleButtonGroupProps>(({ theme }) => ({
10    backgroundColor: theme.palette.background.header,
11    padding: '2px',
12    height: '36px',
13    width: '100%',
14  })) as typeof ToggleButtonGroup;
15  
16  export function StyledTxModalToggleGroup(props: ToggleButtonGroupProps) {
17    return <CustomTxModalToggleGroup {...props} />;
18  }
19  
20  export default function StyledToggleGroup(props: ToggleButtonGroupProps) {
21    return <CustomToggleGroup {...props} />;
22  }