mirror of
https://github.com/pezkuwichain/pezkuwi-apps.git
synced 2026-11-11 01:27:05 +00:00
16 lines
611 B
TypeScript
16 lines
611 B
TypeScript
// Copyright 2017-2026 @pezkuwi/app-coretime authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import React, { type ReactNode } from 'react';
|
|
|
|
import { useTheme } from '@pezkuwi/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>;
|
|
};
|