@open-tender/store/dist/esm/config/orderDetailsItem.js

A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API

import { __assign } from "tslib";
import styles from '../styles';
import { theme } from '../utils';
var orderDetailsItem = {
    orderDetailsItem__container: {
        classes: '',
        props: {},
        style: {
            width: '100%',
            alignItems: 'center',
            flexDirection: 'row',
            gap: theme.spacing.padding.small
        }
    },
    orderDetailsItem__image: {
        classes: '',
        props: {},
        style: {
            aspectRatio: 1,
            backgroundPosition: 'center',
            backgroundSize: 'cover',
            flexBasis: 60,
            flexGrow: 0,
            flexShrink: 0
        }
    },
    orderDetailsItem__content: {
        classes: '',
        props: {},
        style: {
            alignItems: 'center',
            flexDirection: 'row',
            gap: theme.spacing.margin.large,
            flexGrow: 1,
            flexShrink: 1
        }
    },
    orderDetailsItem__header: {
        classes: '',
        props: {},
        style: {
            gap: 5,
            flexGrow: 1
        }
    },
    orderDetailsItem__title: {
        classes: '',
        props: {},
        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxsmall })
    },
    orderDetailsItem__description: {
        classes: '',
        props: {},
        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxxsmall })
    },
    orderDetailsItem__price: {
        classes: '',
        props: {},
        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxsmall })
    }
};
export default orderDetailsItem;