import { Stack, Flex, Text } from '@chakra-ui/react' import { ContainerColors } from 'models' import React from 'react' import { ColorPicker } from '../GeneralSettings/ColorPicker' type Props = { hostBubbles: ContainerColors onHostBubblesChange: (hostBubbles: ContainerColors) => void } export const HostBubbles = ({ hostBubbles, onHostBubblesChange }: Props) => { const handleBackgroundChange = (backgroundColor: string) => onHostBubblesChange({ ...hostBubbles, backgroundColor }) const handleTextChange = (color: string) => onHostBubblesChange({ ...hostBubbles, color }) return ( Background: Text: ) }