import { SamplesMiddlePanel } from '../common/panels.js';
import { styled } from '../../styled-components.js';
export const SamplesWrap = styled.div `
  padding: calc(var(--spacing-unit) * 4);
  border-radius: var(--panel-border-radius);
  border: var(--panel-samples-border);
  background-color: var(--panel-samples-bg-color);
`;
export const ExamplesWrap = styled(SamplesWrap) `
  width: 100%;
`;
export const FullWidthPanel = styled(SamplesMiddlePanel) `
  padding-left: var(--spacing-horizontal);
  padding-right: var(--spacing-horizontal);
  width: 100%;
`;
//# sourceMappingURL=styled.components.js.map