var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import React from 'react';
import styled from '@monstrosity/utilities/themed-components';
import { noOutlineOnAll } from '@monstrosity/utilities/common-styles/no-outline';
/* eslint-disable @typescript-eslint/no-var-requires */
var Oldie = require('./Avatars/older.svg');
var Man = require('./Avatars/man.svg');
var Nerd = require('./Avatars/nerd.svg');
var Lady = require('./Avatars/lady.svg');
var Guy = require('./Avatars/guy.svg');
var Boof = require('./Avatars/boof.svg');
var Boy = require('./Avatars/boy.svg');
var Goth = require('./Avatars/goth.svg');
var Girl = require('./Avatars/girl.svg');
export var AvatarSourceSvgs = {
    Oldie: Oldie,
    Goth: Goth,
    Man: Man,
    Nerd: Nerd,
    Lady: Lady,
    Guy: Guy,
    Boof: Boof,
    Boy: Boy,
    Girl: Girl,
};
export var AvatarRoot = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n  border-radius: 50%;\n  background: url(", ");\n  background-size: cover;\n  background-position: center;\n\n  ", "\n"], ["\n  height: ", ";\n  width: ", ";\n  border-radius: 50%;\n  background: url(", ");\n  background-size: cover;\n  background-position: center;\n\n  ", "\n"])), function (_a) {
    var size = _a.size;
    return size;
}, function (_a) {
    var size = _a.size;
    return size;
}, function (_a) {
    var imageSrc = _a.imageSrc;
    return imageSrc;
}, noOutlineOnAll);
export var Avatar = function (_a) {
    var _b = _a.size, size = _b === void 0 ? '2rem' : _b, imageSrc = _a.imageSrc;
    return React.createElement(AvatarRoot, { size: size, imageSrc: imageSrc });
};
export var Avatars = {
    'Oldie': function (props) { return React.createElement(Avatar, { imageSrc: Oldie, size: props.size }); },
    'Man': function (props) { return React.createElement(Avatar, { imageSrc: Man, size: props.size }); },
    'Nerd': function (props) { return React.createElement(Avatar, { imageSrc: Nerd, size: props.size }); },
    'Lady': function (props) { return React.createElement(Avatar, { imageSrc: Lady, size: props.size }); },
    'Guy': function (props) { return React.createElement(Avatar, { imageSrc: Guy, size: props.size }); },
    'Boof': function (props) { return React.createElement(Avatar, { imageSrc: Boof, size: props.size }); },
    'Boy': function (props) { return React.createElement(Avatar, { imageSrc: Boy, size: props.size }); },
    'Goth': function (props) { return React.createElement(Avatar, { imageSrc: Goth, size: props.size }); },
    'Girl': function (props) { return React.createElement(Avatar, { imageSrc: Girl, size: props.size }); },
};
var templateObject_1;
