'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var styled = require('styled-components');
var index = require('../../../../utils/index.js');
var styles = require('../ListItemContent/styles.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const sharedSuffixPositioning = styled.css `
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
`;
const ListItemMetaText = styled__default['default'](styles.ListItemSecondaryText).withConfig({
    shouldForwardProp: index.convertToTransientProps([
        'variant',
    ]),
}) `
  ${sharedSuffixPositioning}
  align-self: ${({ variant }) => variant === 'multi-line' ? 'flex-start' : 'center'};
  ${index.getFontSize('size14')};
`;
const ListItemSuffixWrapper = styled__default['default'].div `
  ${sharedSuffixPositioning}
  align-self: center;

  & > svg {
    ${index.getFontSize('size24')};
    fill: ${index.getColorAlias('interactivePrimary')};
  }
`;

exports.ListItemMetaText = ListItemMetaText;
exports.ListItemSuffixWrapper = ListItemSuffixWrapper;
