05eb5a22d3
* fixing eslint * chore: fixed bug on chart and ui issue in sale page * chore: fixed all eslint issues * chore: fixed linting * sales page * chore: resolved sales theme * lint
16 lines
613 B
TypeScript
16 lines
613 B
TypeScript
// Copyright 2017-2025 @polkadot/app-coretime authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import React, { type ReactNode } from 'react';
|
|
|
|
import { useTheme } from '@polkadot/react-hooks';
|
|
|
|
export const WhiteBox = ({ children, style }: { children: ReactNode, style?: React.CSSProperties }) => {
|
|
const { theme } = useTheme();
|
|
const backgroundColor = theme === 'dark' ? '#333' : 'white';
|
|
|
|
return <div style={{ backgroundColor, borderRadius: '4px', display: 'flex', flexDirection: 'column', justifyItems: 'center', minWidth: '250px', padding: '24px', ...style }}>
|
|
{children}
|
|
</div>;
|
|
};
|