2022-08-28 20:12:09 +02:00
|
|
|
import styled from 'styled-components';
|
2023-01-11 19:08:14 +01:00
|
|
|
import { ICON_SPACE } from '../lib/constants';
|
2022-08-28 20:12:09 +02:00
|
|
|
import { Icon as IconC } from './Icon';
|
2023-01-11 19:08:14 +01:00
|
|
|
import { Icon } from './IconList';
|
2022-08-28 20:12:09 +02:00
|
|
|
|
|
|
|
export interface IconsRowProps {
|
|
|
|
icons: Icon[];
|
|
|
|
style?: any;
|
|
|
|
iconWidth: number;
|
|
|
|
}
|
|
|
|
export function IconsRow({ icons, style, iconWidth }: IconsRowProps) {
|
|
|
|
return (
|
|
|
|
<RowContainer style={style}>
|
|
|
|
{icons.map((icon) => (
|
|
|
|
<IconC iconWidth={iconWidth} icon={icon} key={icon.filename} />
|
|
|
|
))}
|
|
|
|
</RowContainer>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
const RowContainer = styled.div`
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
> :not(:last-child) {
|
|
|
|
margin-right: ${ICON_SPACE}px;
|
|
|
|
}
|
|
|
|
`;
|