Interface export naming clash fixes

Author: aeagle

src/components/Centered.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
-export interface IProps {
+export interface ICenteredProps {
 	children?: React.ReactNode;
 }
 
-export const Centered: React.FC<IProps> = (props) => <div className={`spaces-centered`}>{props.children}</div>;
+export const Centered: React.FC<ICenteredProps> = (props) => <div className={`spaces-centered`}>{props.children}</div>;

src/components/CenteredVertically.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
-export interface IProps {
+export interface ICenteredVerticallyProps {
 	children?: React.ReactNode;
 }
 
-export const CenteredVertically: React.FC<IProps> = (props) => <div className={`spaces-centered-vertically`}>{props.children}</div>;
+export const CenteredVertically: React.FC<ICenteredVerticallyProps> = (props) => <div className={`spaces-centered-vertically`}>{props.children}</div>;