"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const styled_system_1 = require("styled-system");
exports.Hr = styled_components_1.default.hr(styled_system_1.color, props => ({
    width: '100%',
    background: 'none',
    border: `${(props.height ? props.height : 2) / 2}px solid currentColor`,
    borderRadius: `${(props.height ? props.height : 2) / 2}px`,
    margin: `calc(${props.theme.space.gridGap} / 2) auto`,
}));
exports.Hr.defaultProps = {
    color: 'gray.4',
    height: 2,
};
//# sourceMappingURL=Hr.js.map