import React, { FC } from 'react';
import styled from 'styled-components';

import { RendererProps } from './RendererProps';

const Div = styled.div<RendererProps>`
    minwidth: 48px;
    minheight: 48px;
    padding: 8px 0 0 8px;
    border-image: ${({ value }) => value};
`;

export const RendererBorderImage: FC<RendererProps> = ({ value }) => {
    return (
        <Div value={value}>
            <span />
        </Div>
    );
};
