@open-tender/store
Version:
A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API
83 lines (82 loc) • 2.11 kB
JavaScript
import { __assign } from "tslib";
import styles from '../styles';
import { theme } from '../utils/theme';
var menu = {
menu: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexBasis: 'auto',
flexGrow: 1,
flexShrink: 1,
justifyContent: 'flex-start',
overflow: 'hidden'
}
},
menu__header: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexBasis: 'auto',
flexGrow: 0,
flexShrink: 0,
justifyContent: 'center',
marginTop: theme.spacing.margin.medium,
marginBottom: theme.spacing.margin.medium,
paddingLeft: theme.spacing.padding.medium,
paddingRight: theme.spacing.padding.medium
}
},
menu__headerContainer: {
classes: '',
props: {},
style: {
alignItems: 'center',
maxWidth: 720
}
},
menu__title: {
classes: '',
props: {
as: 'h1',
text: 'My oh my...where to begin...'
},
style: __assign({}, styles.textHeadline)
},
menu__subtitle: {
classes: '',
props: {
as: 'p',
text: 'Please choose a section to get started.'
},
style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium, marginTop: 15 })
},
menu__content: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
overflow: 'scroll',
paddingLeft: 10,
paddingRight: 10
}
},
menu__categories: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexBasis: 'auto',
flexDirection: 'row',
flexGrow: 1,
flexShrink: 1,
flexWrap: 'wrap',
// gap: 20,
justifyContent: 'flex-start',
paddingBottom: 20
}
}
};
export default menu;