Edit File by line

import { styled } from '@linaria/react';

[0] Fix | Delete

import { HEFFALUMP, LORAX, OLAF } from './colors';

[1] Fix | Delete

[2] Fix | Delete

interface IButtonProps {

[3] Fix | Delete

use?: string;

[4] Fix | Delete

}

[5] Fix | Delete

[6] Fix | Delete

export default styled.button<IButtonProps>`

[7] Fix | Delete

background-color:${props => (props.use === 'tertiary' ? HEFFALUMP : LORAX)};

[8] Fix | Delete

border: 3px solid ${props => (props.use === 'tertiary' ? HEFFALUMP : LORAX)};

[9] Fix | Delete

color: ${OLAF}

[10] Fix | Delete

border-radius: 3px;

[11] Fix | Delete

font-size: 14px;

[12] Fix | Delete

line-height: 14px;

[13] Fix | Delete

padding: 12px 24px;

[14] Fix | Delete

font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;

[15] Fix | Delete

font-weight: 500;

[16] Fix | Delete

white-space: nowrap;

[17] Fix | Delete

[18] Fix | Delete

[19] Fix | Delete