aboutsummaryrefslogtreecommitdiffstats
path: root/client/js/app/src/app/components/containers/section.jsx
blob: 1e9b784f7a81718adc10262cccec61c561d80980 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// Copyright Vespa.ai. Licensed under the terms of the Apache 2.0 license. See LICENSE in the project root.
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}
    />
  );
}