client/js/app/src/app/components/containers/section.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import React from 'react';
import { Stack } from '@mantine/core';

export function Section({ transparent, sx, ...props }) {
  return (
    <Stack
      sx={(theme) => ({
        padding: theme.spacing.md,
        background: transparent
          ? 'transparent'
          : theme.cr.getSubtleBackground(),
        ...sx,
      })}
      {...props}
    />
  );
}