import React from 'react'; import { styled } from '@mui/system'; import { SVGProps } from './interfaces'; import { useTheme } from '@mui/material'; // Create a styled container with hover effects const SvgContainer = styled('svg')<{ color?: string }>(({ color }) => ({ '& path': { fill: color, }, })); export const CreateThreadIcon: React.FC = ({ color }) => { const theme = useTheme(); const setColor = color || theme.palette.text.primary; return ( ); };