27 lines
653 B
TypeScript
27 lines
653 B
TypeScript
import { App } from '@/app.context';
|
|
import { NavBar } from '@/components';
|
|
|
|
import { PageStyles as PS } from './page.styles';
|
|
|
|
export type AppPageProps = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
export const AppPage: React.FC<AppPageProps> = ({ children }: AppPageProps) => {
|
|
const { backgroundColor } = App.useContext();
|
|
const background = `linear-gradient(180deg, #${backgroundColor}59 0%, #000000 30%)`;
|
|
|
|
return (
|
|
<PS.Container
|
|
css={{
|
|
background: background,
|
|
}}
|
|
>
|
|
<NavBar />
|
|
<PS.Content as="main">{children}</PS.Content>
|
|
</PS.Container>
|
|
);
|
|
};
|
|
|
|
AppPage.displayName = 'AppPage';
|