FixedSideContainer.tsx 409 B

123456789101112131415161718192021
  1. import "./FixedSideContainer.css";
  2. import React from "react";
  3. type FixedSideContainerProps = {
  4. children: React.ReactNode;
  5. side: "top" | "left" | "right";
  6. className?: string;
  7. };
  8. export const FixedSideContainer = ({
  9. children,
  10. side,
  11. className,
  12. }: FixedSideContainerProps) => (
  13. <div
  14. className={`FixedSideContainer FixedSideContainer_side_${side} ${className}`}
  15. >
  16. {children}
  17. </div>
  18. );