55 lines
1.0 KiB
TypeScript
55 lines
1.0 KiB
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
import CenteredContent from "~/components/CenteredContent";
|
|
import Header from "~/components/Header";
|
|
import PageTitle from "~/components/PageTitle";
|
|
|
|
type Props = {
|
|
icon?: React.ReactNode;
|
|
title?: React.ReactNode;
|
|
textTitle?: string;
|
|
left?: React.ReactNode;
|
|
actions?: React.ReactNode;
|
|
centered?: boolean;
|
|
children?: React.ReactNode;
|
|
};
|
|
|
|
const Scene: React.FC<Props> = ({
|
|
title,
|
|
icon,
|
|
textTitle,
|
|
actions,
|
|
left,
|
|
children,
|
|
centered,
|
|
}: Props) => (
|
|
<FillWidth>
|
|
<PageTitle title={textTitle || title} />
|
|
<Header
|
|
hasSidebar
|
|
title={
|
|
icon ? (
|
|
<>
|
|
{icon} {title}
|
|
</>
|
|
) : (
|
|
title
|
|
)
|
|
}
|
|
actions={actions}
|
|
left={left}
|
|
/>
|
|
{centered !== false ? (
|
|
<CenteredContent withStickyHeader>{children}</CenteredContent>
|
|
) : (
|
|
children
|
|
)}
|
|
</FillWidth>
|
|
);
|
|
|
|
const FillWidth = styled.div`
|
|
width: 100%;
|
|
`;
|
|
|
|
export default Scene;
|