import styled from 'styled-components';

export const Container = styled.div`
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1;

  .chrome-picker {
    padding: 8px;
  }
`;

export const ColorSelectorButton = styled.button`
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid ${ ({ theme: { secondaryColors } }) => secondaryColors.grey10 };
    // @ts-ignore
    background-color: ${ (props) => props.color };
    cursor: inherit;
`;