"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const size = 8;
exports.default = (theme) => ({
    component: {},
    arrow: {
        width: 0,
        height: 0,
        borderTop: (props) => `${props.size || size}px solid transparent`,
        borderBottom: (props) => `${props.size || size}px solid transparent`,
        borderLeft: (props) => `${props.size || size}px solid ${props.color ||
            theme.palette.primary.color2}`,
        borderRadius: 5,
        transition: 'all ease-in 0.2s',
        transform: 'rotate(0deg)',
        '&.down': {
            transform: 'rotate(90deg)',
        },
        '&.left': {
            transform: 'rotate(180deg)',
        },
        '&.up': {
            transform: 'rotate(-90deg)',
        },
    },
});
//# sourceMappingURL=styles.js.map