import { styled } from 'styleh-components';
import { 
// Footer as BaseFooter,
// FooterProps,
StyledLabel, StyledCopyRight, StyledSocialIconList, StyledPoweredByLabel, StyledMultipleLinkList, } from '@skava/ui-presets/dist/presets/Footer';
import { LogoIcon } from '@skava/packages/ui';
export const StyledLogoIcon = styled(LogoIcon) ``;
export const StyledSeparator = styled.hr `
  background-color: var(--color-grey);
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
`;
export const StyledBaseFooter = styled.footer `
  background-color: #292929;
  padding: 2rem 1rem 1rem 1rem;
  border-top: 1px solid #cacaca;

  display: grid;
  grid-template-areas:
    'logo links links links'
    'powered links links links'
    'separator separator separator separator'
    'copyright copyright connect social';

  ${StyledLabel} {
    grid-area: connect;
  }
  ${StyledSeparator} {
    grid-area: separator;
  }
  ${StyledPoweredByLabel} {
    grid-area: powered;
    color: #badb2e;
  }
  ${StyledCopyRight} {
    grid-area: copyright;
  }
  ${StyledMultipleLinkList} {
    grid-area: links;
  }
  ${StyledSocialIconList} {
    margin-left: auto;
    grid-area: social;
  }

  svg,
  rect,
  path {
    fill: var(--color-pure-white);
  }
`;
//# sourceMappingURL=styled.js.map