import DialogActions from '@mui/material/DialogActions';
import { Grid } from '../Grid';
import { styled } from '../styled';
export const StyledDialogActions = styled(DialogActions) `
  padding-top: ${({ theme }) => theme.spacing(6)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    position: sticky;
    bottom: 0;

    padding: ${({ theme }) => theme.spacing(4)};

    background-color: ${({ theme }) => theme.palette.background.paper};

    /* Декоративный разделитель между действиями и контентной частью Dialog */
    &::after {
      content: '';

      position: absolute;
      top: 0;
      left: 0;

      width: 100%;

      border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
    }
  }
`;
export const StyledGrid = styled(Grid) `
  ${({ theme }) => theme.breakpoints.up('sm')} {
    grid-auto-flow: column;
    justify-content: end;
  }
`;
