import { useTheme } from "@/theme/ThemeContext";
import { CSSProperties, ReactNode } from "react"

export type CellProps = {
    children?: ReactNode;
    style?: CSSProperties;
};
export const Cell = ({ children, style }: CellProps) => {
    const { convertStyle } = useTheme();
    const themedStyle = style ? convertStyle(style) : undefined;
    return <td style={themedStyle}>{children}</td>
}