import { Box, type BoxProps } from '@mui/material';

export default function HeaderAddons({ children, ...rest }: BoxProps) {
  return (
    <Box
      sx={{
        display: 'flex',
        alignItems: 'center',
        gap: 1.5,
        '> *': {
          m: '0px!important',
        },
        '.MuiIconButton-root': {
          width: 32,
          height: 32,
          p: 0,
          border: 1,
          borderColor: 'divider',
        },
        '.MuiIconButton-root svg, .MuiButton-root svg': {
          fontSize: 18,
          width: '1em!important',
          height: '1em!important',
        },
        '.arc-session-user-logged-in > *, .arc-session-user-logged-in svg': {
          width: '100%!important',
          height: '100%!important',
        },
        '.arc-session-user-unlogin svg': {
          transform: 'scale(1)!important',
        },
      }}
      {...rest}>
      {children}
    </Box>
  );
}
