aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/island.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/ui/island.tsx')
-rw-r--r--packages/website/ts/components/ui/island.tsx8
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/website/ts/components/ui/island.tsx b/packages/website/ts/components/ui/island.tsx
index b88d5fc1b..f157e3052 100644
--- a/packages/website/ts/components/ui/island.tsx
+++ b/packages/website/ts/components/ui/island.tsx
@@ -6,19 +6,23 @@ export interface IslandProps {
style?: React.CSSProperties;
className?: string;
Component?: string | React.ComponentClass<any> | React.StatelessComponent<any>;
+ borderRadius?: string;
}
-const PlainIsland: React.StatelessComponent<IslandProps> = ({ Component, ...rest }) => <Component {...rest} />;
+const PlainIsland: React.StatelessComponent<IslandProps> = ({ Component, borderRadius, ...rest }) => (
+ <Component {...rest} />
+);
export const Island = styled(PlainIsland)`
background-color: ${colors.white};
- border-radius: 10px;
+ border-radius: ${props => props.borderRadius};
box-shadow: 0px 4px 6px ${colors.walletBoxShadow};
overflow: hidden;
`;
Island.defaultProps = {
Component: 'div',
+ borderRadius: '10px',
style: {},
};