mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-07 17:35:28 +00:00
35 lines
659 B
TypeScript
35 lines
659 B
TypeScript
import { Attachment } from "revolt.js/dist/api/objects";
|
|
import styled, { css } from "styled-components";
|
|
|
|
export interface IconBaseProps<T> {
|
|
target?: T;
|
|
attachment?: Attachment;
|
|
|
|
size: number;
|
|
animate?: boolean;
|
|
}
|
|
|
|
interface IconModifiers {
|
|
square?: boolean
|
|
}
|
|
|
|
export default styled.svg<IconModifiers>`
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
|
|
${ props => !props.square && css`
|
|
border-radius: 50%;
|
|
` }
|
|
}
|
|
`;
|
|
|
|
export const ImageIconBase = styled.img<IconModifiers>`
|
|
object-fit: cover;
|
|
|
|
${ props => !props.square && css`
|
|
border-radius: 50%;
|
|
` }
|
|
`;
|