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

import { RendererProps } from './RendererProps';

const Div = styled.div<RendererProps>`
    width: 32px;
    height: 32px;
    border-style: solid;
    border-color: #999;
    border-width: 12px;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: ${({ value }) => value};
`;

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