如何在React with Typescript中为带有样式组件的条件实现属性接口

interface StyledComponentProps {
  style: React.CSSProperties;
  condition: boolean;
}

import React from 'react';

const StyledComponent: React.FC<StyledComponentProps> = ({ style, condition }) => {
  const componentStyle = condition ? style : {};

  return <div style={componentStyle}>Hello, World!</div>;
};

export default StyledComponent;

import React from 'react';
import StyledComponent from './StyledComponent';

const ParentComponent: React.FC = () => {
  const componentStyle: React.CSSProperties = {
    color: 'red',
    fontSize: '18px',
  };

  return <StyledComponent style={componentStyle} condition={true} />;
};

export default ParentComponent;