// @flow
import styled from 'styled-components';
import { UnstyledButton } from '../../../behaviors';
import { getCardBorderRadius } from '../../internals/forms.css-rules';

export const ClickableSearchResult = styled(UnstyledButton)`
  display: block;
  width: 100%;
  margin: 0px;

  &:first-child {
    border-top-left-radius: ${getCardBorderRadius};
    border-top-right-radius: ${getCardBorderRadius};
  }

  &:last-of-type {
    border-bottom-left-radius: ${getCardBorderRadius};
    border-bottom-right-radius: ${getCardBorderRadius};
  }
`;
