2020-01-15 20:42:02 +05:00
|
|
|
import "./Island.css";
|
|
|
|
|
|
|
|
import React from "react";
|
|
|
|
|
|
|
|
type IslandProps = { children: React.ReactNode; padding?: number };
|
|
|
|
|
2020-03-13 15:32:47 -04:00
|
|
|
export const Island = React.forwardRef<HTMLDivElement, IslandProps>(
|
|
|
|
({ children, padding }, ref) => (
|
2020-01-15 20:42:02 +05:00
|
|
|
<div
|
|
|
|
className="Island"
|
|
|
|
style={{ "--padding": padding } as React.CSSProperties}
|
2020-03-13 15:32:47 -04:00
|
|
|
ref={ref}
|
2020-01-15 20:42:02 +05:00
|
|
|
>
|
|
|
|
{children}
|
|
|
|
</div>
|
2020-03-13 15:32:47 -04:00
|
|
|
),
|
|
|
|
);
|