"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var styles_2 = require("@mui/material/styles");
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    imageBox: {
        position: 'relative',
        display: 'flex',
        width: '100%',
        flexGrow: 1,
        flexShrink: 0,
        flexWrap: 'nowrap',
        marginTop: '2px',
        overflow: 'hidden'
    },
    moreButtonContainer: function (_a) {
        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
        return {
            backgroundColor: 'white',
            width: imageWidth,
            height: imageHeight,
            position: 'absolute',
            right: 0,
            cursor: 'pointer'
        };
    },
    moreButton: function (_a) {
        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
        return {
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            width: imageWidth,
            height: imageHeight,
            backgroundColor: (0, styles_2.alpha)(theme.palette.primary.main, 0.06)
        };
    },
    number: {
        color: theme.palette.primary.main,
        fontSize: '24px',
        lineHeight: '42px',
        letterSpacing: 0,
        textAlign: 'center',
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        textOverflow: 'ellipsis'
    }
}); });
