Skip to content

Commit

Permalink
fix: add missing file
Browse files Browse the repository at this point in the history
  • Loading branch information
adrians5j committed Apr 1, 2020
1 parent d66b178 commit 5f68768
Showing 1 changed file with 44 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
import * as React from "react";
import styled from "@emotion/styled";
import { css } from "emotion";
import { Typography } from "@webiny/ui/Typography";
import { Elevation } from "@webiny/ui/Elevation";

const BlockWrapper = styled("div")({
backgroundColor: "var(--mdc-theme-background)",
padding: "0 0 25px 0"
});

const titleStyle = css({
display: "flex",
alignItems: "center",
".tooltip-content-wrapper": {
lineHeight: "100%",
svg: {
height: 13,
color: "var(--mdc-theme-on-surface)"
}
}
});

const ElevationContent = styled("div")({
padding: 20
});

const Block = ({ children, title, ...props }) => {
return (
<BlockWrapper {...props}>
<h4>
<Typography className={titleStyle} use={"overline"}>
{title}
</Typography>
</h4>

<Elevation z={2}>
<ElevationContent>{children}</ElevationContent>
</Elevation>
</BlockWrapper>
);
};

export default Block;

0 comments on commit 5f68768

Please sign in to comment.