import { FC } from 'react';
import { NativeTextTree } from '../../../../../common/native-text/NativeTextTree';
import { useCatalogData } from '../../../../../hooks';
import { CatalogPriceDisplayWidgetView } from './CatalogPriceDisplayWidgetView';

export const CatalogSimplePriceWidgetView: FC<{}> = (props) => {
    const { currentOffer = null } = useCatalogData();

    return (
        <NativeTextTree>
            <div className="flex items-center bg-muted p-1 rounded gap-1">
                <CatalogPriceDisplayWidgetView offer={currentOffer} separator={true} />
            </div>
        </NativeTextTree>
    );
};