import React from "react";
import "./styles/style.scss";

import SpacePreview from "@/docs/utils/SpacePreview";
import { Preview } from "./Preview";

interface ThemedPreviewProps {
  children: React.ReactNode;
  [key: string]: any;
}
const ThemedPreview: React.FC<ThemedPreviewProps> = (props) => (
  <Preview {...props}>{props.children}</Preview>
);

export const PreviewSpacing = ({ children, spacePreviewConfig }: any) => (
  <Preview>
    <SpacePreview config={spacePreviewConfig}>{children}</SpacePreview>
  </Preview>
);

export { ThemedPreview as Preview };