All files / src/componentsV2/AccountProfile/NotificationCenter/components Header.style.ts

100% Statements 3/3
50% Branches 3/6
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21      1x 3x                   1x            
import { Box } from "@mui/material";
import { styled } from "@theme/v2/Provider";
 
export const SelectAllContainer = styled(Box)(
  ({ isMobileView, hasTabs }: { isMobileView: boolean; hasTabs: boolean }) => ({
    marginTop: hasTabs ? "24px" : 0,
    marginBottom: "16px",
    display: "flex",
    flexDirection: isMobileView ? "column" : "row",
    justifyContent: "space-between",
    gap: isMobileView ? "16px" : "0",
  }),
);
 
export const CheckBoxWithLabelContainer = styled(Box)({
  display: "flex",
  flexDirection: "row",
  gap: "8px",
  alignItems: "center",
});