diff options
author | Sebastian <sebasjm@gmail.com> | 2022-03-11 02:17:40 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-03-11 11:15:06 -0300 |
commit | 4d66f774c3ad4040f522d2ec52b5b4c2edd2b478 (patch) | |
tree | b73ce595926f6db58a206968666e7d3a0978feaf /packages/taler-wallet-webextension/src/mui/Paper.tsx | |
parent | 2150f3d96b25772dd608e245cd3508f857478c5b (diff) | |
download | wallet-core-4d66f774c3ad4040f522d2ec52b5b4c2edd2b478.tar.xz |
pending operations
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/Paper.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/Paper.tsx | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/Paper.tsx b/packages/taler-wallet-webextension/src/mui/Paper.tsx index 00eeda324..6209aa7a0 100644 --- a/packages/taler-wallet-webextension/src/mui/Paper.tsx +++ b/packages/taler-wallet-webextension/src/mui/Paper.tsx @@ -1,5 +1,5 @@ import { css } from "@linaria/core"; -import { h, Fragment, VNode, ComponentChildren } from "preact"; +import { h, JSX, VNode, ComponentChildren } from "preact"; import { alpha } from "./colors/manipulation"; import { theme } from "./style"; @@ -20,17 +20,20 @@ const baseStyle = css` } `; +interface Props extends JSX.HTMLAttributes<HTMLDivElement> { + elevation?: number; + square?: boolean; + variant?: "elevation" | "outlined"; + children?: ComponentChildren; +} + export function Paper({ elevation = 1, square, variant = "elevation", children, -}: { - elevation?: number; - square?: boolean; - variant?: "elevation" | "outlined"; - children?: ComponentChildren; -}): VNode { + ...rest +}: Props): VNode { return ( <div class={[ @@ -45,6 +48,7 @@ export function Paper({ getOverlayAlpha(elevation), )}, ${alpha("#fff", getOverlayAlpha(elevation))})`, }} + {...rest} > {children} </div> |